/*
Theme Name: Hello Elementor
Template: hello-elementor
Description: Site theme.
Version: 10.5.0
*/
@import url("../hello-elementor/style.css");

/* bomiz-free-header-footer */
.site-header { background-color:#D4C4D9 !important; color:#00404A; padding:8px 45px !important; }
.site-header .site-logo img, .site-header .custom-logo { max-height:50px; width:auto; height:auto; }
.site-header .site-navigation a { color:#00404A; font-size:17px; }
.site-header .site-navigation a:hover { text-decoration:underline; }
.site-header .site-navigation-toggle, .site-header .site-navigation-toggle-icon,
.site-header .site-navigation-toggle-icon:before, .site-header .site-navigation-toggle-icon:after { color:#00404A; }
.bomiz-footer { background-color:#D4C4D9; color:#00404A; text-align:center; padding:24px 45px; }
.bomiz-footer .footer-inner { max-width:1140px; margin:0 auto; }
.bomiz-footer p { margin:8px 0; font-size:16px; }
.bomiz-footer a { color:#00404A; }
.bomiz-footer .bomiz-button { display:inline-block; background-color:#9D872B; color:#ffffff; padding:12px 24px; text-decoration:none; }
.bomiz-footer .bomiz-button:hover { opacity:.9; }
@media (max-width:1024px) {
  .site-header { padding:10px 20px !important; }
  .site-header .site-navigation, .site-header .site-navigation ul, .site-header .site-navigation li,
  .site-header .site-navigation-dropdown, .site-header .site-navigation-dropdown ul,
  .site-header .site-navigation-dropdown .menu, .site-header .site-navigation-dropdown li {
    background-color:#FFF2D0 !important;
  }
  .site-header .site-navigation a, .site-header .site-navigation ul a,
  .site-header .site-navigation-dropdown a, .site-header .site-navigation-dropdown .menu a {
    background-color:transparent !important; color:#00404A !important; font-size:16px !important; padding:4px 20px !important;
  }
  .site-header .site-navigation-dropdown a:hover, .site-header .site-navigation ul a:hover { background-color:#F1E2B8 !important; }
  .site-header .site-navigation-toggle-holder { background-color:#D4C4D9 !important; }
}

/* bomiz-a11y: make the theme's skip link visible when focused */
.skip-link.screen-reader-text:focus {
	position: absolute; top: 8px; left: 8px; z-index: 100000;
	clip: auto; clip-path: none; width: auto; height: auto; padding: 10px 16px;
	background: #FFF2D0; color: #00404A; font-size: 15px; text-decoration: underline;
}


/* bomiz-a11y: the cookie banner's button inherited the lavender footer colour, giving white-on-lavender at 1.65:1 */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder a.mgbutton {
	background-color: #7A6414 !important;
	border-color: #7A6414 !important;
	color: #ffffff !important;
}

/* bomiz-a11y: match the footer button to the darkened gold (white text then reaches 5.6:1) */
.bomiz-footer .bomiz-button, .bomiz-button { background-color: #7A6414 !important; color: #ffffff !important; }

/* bomiz-fonts: Font Awesome's brand font is declared with font-display: block, which blocks text
   rendering while it downloads. Re-declaring the face with swap lets text paint immediately. */
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://www.bomizdeli.hu/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2") format("woff2"),
	     url("https://www.bomizdeli.hu/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff") format("woff");
}

/* bomiz-menu: drinks/food price list — replaces the 87-paragraph Elementor layout */
.bomiz-menu{--bm-ink:#00404A;--bm-gold:#6B5312;--bm-line:rgba(0,64,74,.22);color:var(--bm-ink)}
.bomiz-menu .bm-date{margin:0 0 1.6rem;font-size:.88rem;letter-spacing:.07em;text-transform:uppercase;opacity:.6}
.bomiz-menu .bm-group{margin:0 0 2.2rem;break-inside:avoid}
.bomiz-menu .bm-heading{margin:0 0 .9rem;padding-bottom:.45rem;font-size:1.35rem;color:var(--bm-gold);border-bottom:2px solid var(--bm-line);letter-spacing:.02em}
.bomiz-menu .bm-list{margin:0;padding:0;list-style:none}
.bomiz-menu .bm-item{padding:.55rem 0;border-bottom:1px dotted var(--bm-line)}
.bomiz-menu .bm-item:last-child{border-bottom:0}
.bomiz-menu .bm-row{display:flex;align-items:baseline;gap:1rem;justify-content:space-between}
.bomiz-menu .bm-name{font-weight:600;line-height:1.35}
.bomiz-menu .bm-price,.bomiz-menu .bm-size b,.bomiz-menu .bm-sizes{font-variant-numeric:tabular-nums}
.bomiz-menu .bm-price{flex:0 0 auto;min-width:7.5rem;text-align:right;white-space:nowrap;font-weight:600}
.bomiz-menu .bm-sizes{display:grid;gap:.15rem;flex:0 0 auto;min-width:9.5rem}
.bomiz-menu .bm-size{display:flex;justify-content:space-between;gap:.8rem}
.bomiz-menu .bm-size i{font-style:normal;opacity:.7;font-size:.92em}
.bomiz-menu .bm-size b{font-weight:600;white-space:nowrap}
.bomiz-menu .bm-desc{margin:.25rem 0 0;font-size:.92rem;line-height:1.45;opacity:.78;max-width:46ch}
.bomiz-menu .bm-note{margin:.7rem 0 0;font-size:.9rem;opacity:.78}
.bomiz-menu .bm-item:not(:has(.bm-price)):not(:has(.bm-sizes)){border-bottom:0;padding:.9rem 0 .2rem}
.bomiz-menu .bm-item:not(:has(.bm-price)):not(:has(.bm-sizes)) .bm-name{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:.68}
.bomiz-menu .bm-links{margin:2.4rem 0 0;display:flex;gap:.8rem;flex-wrap:wrap}
.bomiz-menu .bm-button{display:inline-block;background:#7A6414;color:#fff;padding:.6rem 1.1rem;border-radius:2px;text-decoration:none;font-weight:600}
.bomiz-menu .bm-button:hover{opacity:.9}
@media (min-width:900px){.bomiz-menu{columns:2;column-gap:3.4rem}.bomiz-menu .bm-date,.bomiz-menu .bm-links{column-span:all}}
@media (max-width:767px){.bomiz-menu .bm-row{gap:.6rem}.bomiz-menu .bm-price{min-width:6.2rem}.bomiz-menu .bm-sizes{min-width:8.4rem}.bomiz-menu .bm-heading{font-size:1.2rem}}

/* bomiz-menu: centre the page title to match the food menu's ÉTLAP heading, and give the menu
   breathing room so the footer separates cleanly */
body.page-id-1698 .entry-title,body.page-id-1699 .entry-title{text-align:center;font-size:50px;font-weight:700;color:#005970}
.bomiz-menu{padding-bottom:3rem}

/* bomiz-menu: match the food menu's typography — PT Serif for the list, PT Serif Caption for the title */
body.page-id-1698 .entry-title,body.page-id-1699 .entry-title{font-family:"PT Serif Caption",serif}
.bomiz-menu,.bomiz-menu .bm-heading,.bomiz-menu .bm-desc,.bomiz-menu .bm-note{font-family:"PT Serif",serif}

/* bomiz-menu: match the food menu's measured typography. There the item text is Poppins 16px/500
   (sans, medium), only the section headings are PT Serif 20px/700 and the title PT Serif Caption.
   Sizes bumped ~2px; item names and prices set bold as requested, descriptions left regular for hierarchy. */
.bomiz-menu,.bomiz-menu .bm-desc,.bomiz-menu .bm-note{font-family:Poppins,sans-serif}
.bomiz-menu .bm-heading{font-family:"PT Serif",serif;font-size:20px;font-weight:700}
.bomiz-menu .bm-name,.bomiz-menu .bm-price{font-size:16px}
.bomiz-menu .bm-size{font-size:15px}
.bomiz-menu .bm-desc{font-size:15.5px;font-weight:400}
.bomiz-menu .bm-note{font-size:15px}
.bomiz-menu .bm-name,.bomiz-menu .bm-price,.bomiz-menu .bm-size b{font-weight:700}

/* bomiz-job: page 1374 renders its own content instead of the (wrong) Elementor layout it had.
   Typography and spacing measured against /dolgozzvelunkakonyhan/: body text Poppins 14px/500 at
   line-height 1.5 in #005970, the four lead-in paragraphs PT Serif 30px/700, the page heading
   PT Serif Caption 50px/700 with no margins, in a 1120px column, theme title hidden. */
body.page-id-1374 .entry-title{display:none}
body.page-id-1374 .page-content{max-width:1120px;margin:0 auto;text-align:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.5;color:#005970}
body.page-id-1374 .page-content h2,body.page-id-1374 .page-content h3{font-family:"PT Serif Caption",serif;font-size:50px;font-weight:700;line-height:1;color:#005970;margin:30px 0}
body.page-id-1374 .page-content p,body.page-id-1374 .page-content li{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.5}
body.page-id-1374 .page-content .bomiz-lead{font-family:"PT Serif",serif;font-size:30px;font-weight:700;line-height:1.5;margin:0 0 .48em}
body.page-id-1374 .page-content .bomiz-lead strong{font-weight:700}

/* WordPress's emoji stylesheet shipped with the emoji script and sized inline emoji images.
   The script was removed for performance, which left emoji <img> tags at their intrinsic size
   and blew one paragraph up to 1177px. Restore only the sizing rule. */
img.wp-smiley,img.emoji,img[src*="s.w.org"]{display:inline;height:1em;width:1em;max-width:1.4em;margin:0 .07em;vertical-align:-.1em;padding:0;border:none;background:none;box-shadow:none}

/* Vertical rhythm matched to the reference: its eight widgets are 20px apart, so the paragraphs
   that start a group (by position in this page's content) get a 20px top margin, and the page
   keeps the ~120px trailing space its spacer widget provides. */
body.page-id-1374 .page-content p:nth-of-type(2),
body.page-id-1374 .page-content p:nth-of-type(5),
body.page-id-1374 .page-content p:nth-of-type(6),
body.page-id-1374 .page-content p:nth-of-type(12),
body.page-id-1374 .page-content p:nth-of-type(13),
body.page-id-1374 .page-content p:nth-of-type(16),
body.page-id-1374 .page-content p:nth-of-type(17),
body.page-id-1374 .page-content p:nth-of-type(21){margin-top:20px}
body.page-id-1374 .page-content{padding-bottom:120px}