/*
Theme Name:   EasyEat Child
Theme URI:    https://www.chevoja.com/
Description:  Child theme for EasyEat. Holds custom fonts (full Urbane Rounded weight range + Vinyl) and CSS so they survive parent-theme updates.
Author:       Chevoja
Template:     easyeat
Version:      1.1.0
Text Domain:  easyeat-child
*/

/* ============================================================
   "Template: easyeat" MUST match the parent theme's folder
   name in wp-content/themes/. If activation fails, check that
   folder name and edit this line to match.
   ============================================================ */


/* ============================================================
   URBANE ROUNDED  —  one family, all weights.
   Because every weight shares the family name 'Urbane Rounded',
   you control them purely with font-weight:
       100 Thin | 200 ExtraLight | 300 Light | 500 Medium
       600 DemiBold | 700 Bold | 900 Heavy
   NOTE: there is no 400 (Regular) file in this family, so never
   rely on the default weight for body text — always set an
   explicit weight (e.g. 300 or 500), or 400 will fall back to
   whichever face the browser picks.
   ============================================================ */

@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-thin.woff2') format('woff2'),
         url('fonts/urbane-rounded-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-extralight.woff2') format('woff2'),
         url('fonts/urbane-rounded-extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-light.woff2') format('woff2'),
         url('fonts/urbane-rounded-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-medium.woff2') format('woff2'),
         url('fonts/urbane-rounded-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-demibold.woff2') format('woff2'),
         url('fonts/urbane-rounded-demibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-bold.woff2') format('woff2'),
         url('fonts/urbane-rounded-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbane Rounded';
    src: url('fonts/urbane-rounded-heavy.woff2') format('woff2'),
         url('fonts/urbane-rounded-heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* ============================================================
   VINYL  —  display font (single weight).
   ============================================================ */

@font-face {
    font-family: 'Vinyl';
    src: url('fonts/vinyl-regular.woff2') format('woff2'),
         url('fonts/vinyl-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* ============================================================
   APPLY THE FONTS
   Vinyl = display / headings.  Urbane Rounded = everything else.
   Set explicit weights so nothing lands on the missing 400.
   ============================================================ */

/* Headings & logo -> Vinyl */
h1, h2, h3, h4, h5, h6,
.sc_layouts_logo,
.sc_item_title {
    font-family: 'Vinyl', sans-serif !important;
}

h1, h2,
.sc_item_title {
    letter-spacing: -0.04em;
}

/* Body text -> Urbane Rounded, explicit weight */
body,
p, li {
    font-family: 'Urbane Rounded', sans-serif !important;
    font-weight: 300 !important;   /* Light body; try 500 if too thin */
}

/* Example weight helpers — use as needed */
.u-medium   { font-weight: 500 !important; }
.u-semibold { font-weight: 600 !important; }
.u-bold     { font-weight: 700 !important; }
.u-heavy    { font-weight: 900 !important; }

/* Vinyl has no euro glyph, but it's headings-only here, so prices
   (which sit in body/Urbane) render € fine. */


/* ---------- Your own extra CSS below this line ---------- */
.trx_addons_scroll_to_top {
    background-color: #d20a11 !important;   /* button fill */

}

.trx_addons_scroll_to_top:hover {
    background-color: #d20a11 !important;
}

.menu_mobile_header_wrap .sc_layouts_logo {
	padding-top: 10px;
}

.page-id-17615 .sc_services_item_title .allergen-numbers {
	color: #F9B000; 
    font-size: 12px; 
    font-weight: 500; 
    margin-left: 2px; 
    vertical-align: middle; 
    font-family: inherit;
letter-spacing: 1px;
	white-space: nowrap;
 display: inline-block;
	
}

.sc_services_item_title .serving-size {
    color: inherit;        
   font-size: 15px; 
    font-weight: 300;
    margin-left: 0.2em;
    letter-spacing: 0;
	text-transform: lowercase;
    white-space: nowrap;
    display: inline-block;
	font-family: 'Urbane Rounded', sans-serif !important;
}


@media (max-width: 600px) {
    .sc_services_price .sc_services_item_title {
        max-width: none !important;   /* zdejmij limit 55% */
    }
}

@media (max-width: 767px) {
    .sc_services_price .sc_services_item_title {
        max-width: calc(100% - 70px) !important;  /* zostaw stałe miejsce na cenę */
    }
}

.page-id-17615 .sc_services_item_title {
letter-spacing: -1px;
	white-space: nowrap;
}

.page-id-17615 .sc_item_title_text {
	  hyphens: none !important;
    -webkit-hyphens: none !important;   /* Safari wymaga prefiksu */
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.page-id-17615 .sc_services_item_title {
letter-spacing: -1px;
    white-space: normal !important;   /* tytuł łamie się między słowami */
    overflow-wrap: break-word;
}

.page-id-17615 .sc_item_title {
	margin-bottom: 1em;
}

/* --- Services/price row spacing: desktop --- */
.sc_services_price .trx_addons_columns_wrap.columns_padding_bottom > [class*=trx_addons_column-],
.sc_services_price .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_bottom {
    padding-bottom: 12px;
}

/* --- Tablet (≤1023px) --- */
@media (max-width: 1023px) {
    .sc_services_price .trx_addons_columns_wrap.columns_padding_bottom > [class*=trx_addons_column-],
    .sc_services_price .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_bottom {
        padding-bottom: 12px;
    }
}

/* --- Mobile (≤767px) — overrides the theme's grid_gap variable --- */
@media (max-width: 767px) {
    .sc_services_price .trx_addons_columns_wrap.columns_padding_bottom > [class*=trx_addons_column-],
    .sc_services_price .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_bottom {
        padding-bottom: 16px;
    }
}

/* --- Services item content: remove top gap --- */
.sc_services_price .sc_services_item_content {
    margin-top: 0 !important;
}


@media (max-width: 1023px) {
    .sc_services_price .sc_services_item_content {
        margin-top: 0 !important;
    }
}

.sc_services_price .sc_services_item {
    margin-bottom: 1.2em !important;
}

/* Desktop: jedna lista płynąca pionowo przez 2 kolumny */
@media (min-width: 768px) {
    .sc_services_price .sc_services_columns_wrap.sc_item_columns_2 {
        display: block !important;      /* wyłącz obecny flex/grid */
        column-count: 2;
        column-gap: 40px;               /* odstęp między kolumnami */
    }
    .sc_services_price .sc_services_columns_wrap.sc_item_columns_2 > .trx_addons_column-1_2 {
        width: 100% !important;         /* w trybie columns szerokość liczy się sama */
        float: none !important;
        display: block;
        /* nie pozwól, żeby jedno danie pękło na granicy kolumn */
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* Mobile zostaje jak jest — jedna kolumna, kolejność 1,2,3,4 */
@media (max-width: 767px) {
    .sc_services_price .sc_services_columns_wrap.sc_item_columns_2 {
        column-count: 1;
    }
}