/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.text-center {
	text-align: center;
}

.display-none {
	display: none;
}

.wp-block-details summary:focus,
.wp-block-details summary:focus-visible,
details summary:focus,
details summary:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* ===== Borivók – Warm Tone alap (Gutenberghez igazítva) ===== */
:root{
  --bv-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  --bv-bg-cream: #f8f3e8;   /* szakaszháttér */
  --bv-card-bg:  #fffdf8;   /* kártya háttér */
  --bv-card-bd:  #e3d3bf;   /* kártya szegély */
  --bv-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px rgba(0,0,0,.08);
  --bv-radius: 18px;
}

/* Globális tipó és ritmus */
body{ font-family: var(--bv-font); }
h1,h2,h3{ letter-spacing:-0.01em; }
h1{ line-height:1.08; }
h2,h3{ line-height:1.12; }

/* Hero: enyhe kontraszt a szövegen (olvasásbarát) */
.wp-block-cover .wp-block-heading,
.wp-block-cover p{
  text-shadow: 0 2px 10px rgba(0,0,0,.25);
}

/* Gombok: kapszula forma + finom hover */
.wp-element-button{
  border-radius: 999px !important;
  transition: transform .06s ease, box-shadow .2s ease, opacity .2s ease;
}
.wp-element-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

/* Outline-stílusú gombok: láthatóbb keret */
.wp-block-button.is-style-outline .wp-element-button{
  border-width: 2px;
}

/* Kártyaérzet a három hasábban: a Group blokkokra illik */
.wp-block-group[style*="background-color:#fffdf8"],
.wp-block-group[style*="background-color: #fffdf8"],
.wp-block-group.has-background[style*="background-color:#fffdf8"]{
  border: 1px solid var(--bv-card-bd);
  border-radius: var(--bv-radius);
  box-shadow: var(--bv-shadow);
}

/* “bv-soft” osztály – opcionális, ha bárhol extra kártyát akarsz */
.bv-soft{
  background: var(--bv-card-bg) !important;
  border: 1px solid var(--bv-card-bd) !important;
  border-radius: var(--bv-radius) !important;
  box-shadow: var(--bv-shadow) !important;
}

/* Szakaszháttér (ha valahol nem jelenik meg a theme.json paletta szerint) */
.has-background[style*="background-color:#f8f3e8"],
.has-background[style*="background-color: #f8f3e8"]{
  background-color: var(--bv-bg-cream) !important;
}

/* Galéria képek: lágy sarkok, légies rács */
.wp-block-gallery{
  gap: 1rem !important; /* biztosan érvényesüljön */
}
.wp-block-gallery img{
  border-radius: 12px;
  display: block;
}

/* Oszlopok: mobilon kényelmes távolságok */
@media (max-width: 782px){
  .wp-block-columns{ gap: 1.2rem; }
  .wp-block-cover{ min-height: 60vh !important; }
}

/* Mozgáscsökkentés tisztelete */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}

/* Linkek finom fókusz-állapota (billentyűzetes hozzáférhetőség) */
a:focus-visible, .wp-element-button:focus-visible{
  outline: 2px solid #000; outline-offset: 2px;
}

/* Kisebb tipó finomhangolások (opcionális) */
.has-small-font-size{ letter-spacing: 0.02em; }


/* 1) Fejléc (HERO) jobb oldali gomb: fehér háttér */
.wp-block-cover .wp-block-buttons .wp-block-button.is-style-outline .wp-element-button{
  background: #fff;
  color: #000;
  /* ha szeretnéd határozottabb legyen a keret: */
  border-color: #000;
}

/* 2) Kártyák gombjai középre igazítva */
.wp-block-group[style*="background-color:#fffdf8"] .wp-block-buttons,
.wp-block-group[style*="background-color: #fffdf8"] .wp-block-buttons{
  justify-content: center !important;
}

/* 1) Fejléc (HERO) gombok: félkövér felirat */
.wp-block-cover .wp-element-button{
  font-weight: 700;
}

/* 2) Kártyákon (vajszínű Group) az outline gombok kerete legyen vékonyabb (1px) */
.wp-block-group[style*="background-color:#fffdf8"] .wp-block-button.is-style-outline .wp-element-button,
.wp-block-group[style*="background-color: #fffdf8"] .wp-block-button.is-style-outline .wp-element-button{
  border-width: 1px !important;
}

/* 3) Minden gomb: egységes minimum-méret (szélesség/magasság) és középre igazított tartalom */
.wp-element-button{
  display: inline-flex;            /* stabil vertikális középre igazítás */
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;             /* ~44px érintési cél */
  min-width: 9.5rem;               /* egységes minimum szélesség */
  line-height: 1.1;                /* feszesebb tipó */
  padding: 0.75rem 1.25rem;        /* ha inline padding van a blokkban, ez nem bántja */
  box-sizing: border-box;          /* keret beleszámít */
}

/* Mobilon lehet kisebb minimum szélesség */
@media (max-width: 480px){
  .wp-element-button{ min-width: 8.5rem; }
}

/* 1) Fejléc (HERO) gombok: szegély NINCS */
.wp-block-cover .wp-block-button .wp-element-button,
.wp-block-cover .wp-block-button.is-style-outline .wp-element-button{
  border: none !important;
}

/* 2) A “sor” (szekció) blokkok között ne legyen fehér rés
      – a felső szintű full/wide szekciók függőleges margóit lenullázzuk */
.wp-site-blocks > .wp-block-group.alignfull,
.wp-site-blocks > .wp-block-cover.alignfull,
.wp-site-blocks > .wp-block-columns.alignfull,
.wp-site-blocks > .wp-block-group.alignwide,
.wp-site-blocks > .wp-block-columns.alignwide,
footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Felső szintű szekciók: ne kapjanak automatikus felső margót */
.wp-site-blocks > * :where(.is-layout-constrained)  {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important; /* ha teljesen hézagmenteset szeretnél */
}

/* Opcionálisan a globális block-gap-et is nullázhatod */
.wp-site-blocks{ --wp--style--block-gap: 0; }

/* ---- Card megjelenés (mintán látható stílus) ---- */
.bv-card{
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.18), 0 3px 8px rgba(0,0,0,.12);
  position: relative;
}
/* Alsó sötét átmenet a képen */
.bv-card::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 80%, rgba(0,0,0,.75) 100%);
  pointer-events:none;
}
/* Tartalom doboz az alján */
.bv-card__content{
  position: relative;   /* az overlay fölé kerül */
  z-index: 1;
  padding: 1.1rem 1.1rem 1.2rem 1.1rem;
  max-width: 92%;
}
.bv-card h3{ margin: 0 0 .35rem 0; }

/* Badge-ek (kapszulák) */
.bv-badges{ margin:.5rem 0 1rem 0; display:flex; gap:.5rem; }
.bv-badge{
  display:inline-block; text-decoration:none;
  background: rgba(255,255,255,.16);
  color:#fff; font-size:.85rem; padding:.35rem .7rem;
  border-radius:999px; border:1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(2px);
}

/* Fehér kapszula gomb az alján */
.bv-card__cta .wp-element-button{
  background:#fff; color:#000;
  border:none; border-radius:999px !important;
  min-height: 2.75rem; min-width: 9.5rem;
  font-weight:600;
}

/* Reszponzív: oszlopok közti tér és mobil-stack */
@media (max-width: 782px){
  .bv-card{ min-height: 440px; }
  .bv-card__content{ max-width:100%; }
}