/*
Theme Name: Almanar Child
Theme URI: http://themeforest.net/user/wpoceans/portfolio/
Author: wpoceans
Author URI: http://themeforest.net/user/wpoceans
Description: Almanar - Islamic Center WordPress Theme
Template:	almanar
Version: 1.0.20261030
Text Domain: almanar-child
*/

/* Fix blauwe weekdag-labels in TEC maandweergave */


/* Voorstel 30-10-2026: alleen schermweergave; kalender/PDF ongemoeid. */
@media screen {
  .site-header.header-style-2 { position:relative; z-index:20; }
  .site-header.header-style-2 .navigation {
    background:#fff; padding:0 24px; min-height:88px;
    border-bottom:1px solid #e9e6df;
  }
  .site-header .navigation > .container-fluid { max-width:1320px; margin:auto; }
  .site-header.header-style-2 .navbar-brand {
    display:flex; align-items:center; height:auto; margin:0; padding:0;
  }
  .site-header.header-style-2 .navbar-brand img {
    display:block; width:auto; height:72px; max-width:170px; object-fit:contain;
  }
  .site-header.header-style-2 #navbar > ul > li > a {
    color:#272b3e; font-size:16px; font-weight:700; line-height:1.4;
    text-transform:none; border-radius:6px;
  }
  .site-header.header-style-2 #navbar > ul li a:hover,
  .site-header.header-style-2 #navbar > ul li a:focus,
  .site-header.header-style-2 #navbar > ul li.current-menu-item > a {
    color:#272b3e!important; background:#fff4df;
  }
  .site-header.header-style-2 #navbar > ul li.current-menu-item > a {
    box-shadow:inset 0 -3px #ecaf4a;
  }
  .site-header a:focus-visible,.site-header button:focus-visible {
    outline:3px solid #b77a20!important; outline-offset:3px;
  }
  .site-header.header-style-2 .cart-search-contact {
    height:auto; padding:0; border:0;
  }
  .site-header.header-style-2 .header-search-form-wrapper { padding-top:0; }
  .site-header.header-style-2 .cart-search-contact .search-toggle-btn {
    width:44px; height:44px; line-height:44px; border-radius:6px;
  }
  .site-header.header-style-2 .cart-search-contact button > i { color:#272b3e; }
  .site-header.header-style-2 .cart-search-contact .donate-btn .theme-btn {
    padding:12px 18px; background:#ecaf4a; color:#272b3e;
    border:2px solid #ecaf4a; border-radius:7px; line-height:1.25;
  }
  .site-header.header-style-2 .cart-search-contact .donate-btn .theme-btn:hover,
  .site-header.header-style-2 .cart-search-contact .donate-btn .theme-btn:focus {
    background:#272b3e; color:#fff; border-color:#272b3e; border-radius:7px;
  }
  .site-header.header-style-2 .cart-search-contact .donate-btn .theme-btn:after {
    background:#272b3e; border-radius:5px;
  }
  .site-header.header-style-2 .cart-search-contact .header-search-form {
    top:calc(100% + 18px); border:1px solid #e5e7ed; border-radius:7px;
  }

  /* Kortere titelstrook, zonder oude 103px bovenruimte voor overlaynavigatie. */
  .page-title {
    height:220px; min-height:0; background:#272b3e!important;
    word-break:normal; overflow-wrap:break-word;
  }
  .page-title:before { background:linear-gradient(115deg,#222638,#343b53); }
  .page-title .page-title-container { background:transparent!important; }
  .page-title .container { padding-top:0!important; }
  .page-title .page-title-wrapper { padding:24px 12px; }
  .page-title h2 { font-size:clamp(28px,3.2vw,44px); line-height:1.2; margin:0 0 14px; }
  .page-title .breadcrumb li { color:#e1e4ed; font-weight:400; line-height:1.6; }
  .page-title .breadcrumb li a { color:#f3c879; }
  .page-title .breadcrumb li a:hover { color:#fff; text-decoration:underline; }
  .page-title .breadcrumb > li + li:before { color:#d8b779; }

  /* Drie rustige kolommen; verwijder de vaste lege kolomhoogtes van het thema. */
  .site-footer { background:#272b3e; }
  .site-footer .upper-footer { padding:52px 0 40px; }
  .site-footer .upper-footer .row {
    display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:36px;
    margin:0; align-items:start;
  }
  .site-footer .upper-footer .row:before,
  .site-footer .upper-footer .row:after,
  .site-footer .upper-footer .row > .separator { display:none; }
  .site-footer .upper-footer .col { width:auto; min-height:0; margin:0; padding:0; }
  .site-footer .widget-title { margin-bottom:16px; }
  .site-footer .widget-title h3 { color:#f0c16f; font-size:18px; line-height:1.4; text-transform:none; }
  .site-footer .about-widget .logo { max-width:140px; margin-bottom:0; }
  .site-footer .about-widget .social-icons { margin-top:0; }
  .site-footer .textwidget ul { padding:0; margin:0; }
  .site-footer .textwidget ul li a {
    display:block; color:#e4e6ed; line-height:1.5; padding:6px 0;
  }
  .site-footer .textwidget ul li a:hover,
  .site-footer .textwidget ul li a:focus { color:#f3c879; text-decoration:underline; }
  .site-footer a:focus-visible { outline:2px solid #f3c879; outline-offset:4px; }
  .site-footer .lower-footer .row { padding:20px 0; }
  .site-footer .lower-footer p { font-size:13px; line-height:1.7; color:#c5cad7; margin:0; }
  .site-footer .lower-footer a { color:#f3c879; }
}

@media screen and (min-width:992px) {
  .site-header.header-style-2 .navigation > .container-fluid {
    display:flex; align-items:center; gap:20px; min-height:88px; padding:0;
  }
  .site-header .navigation > .container-fluid:before,
  .site-header .navigation > .container-fluid:after { display:none; }
  .site-header.header-style-2 .navbar-header { flex:0 0 auto; float:none; }
  .site-header.header-style-2 #navbar {
    display:flex!important; flex:1 1 auto; justify-content:center;
    float:none!important; margin:0; padding:0; min-width:0;
  }
  .site-header.header-style-2 #navbar > ul {
    display:flex; align-items:center; justify-content:center; gap:2px;
    float:none; margin:0;
  }
  .site-header.header-style-2 #navbar > ul > li > a { padding:12px 12px; }
  .site-header.header-style-2 .cart-search-contact {
    display:flex; align-items:center; gap:12px; flex:0 0 auto; position:static;
  }
}

@media screen and (max-width:991px) {
  .site-header.header-style-2 .navigation { min-height:78px; padding:8px 18px; }
  .site-header .navigation > .container-fluid { position:relative; padding:0; }
  .site-header.header-style-2 .navbar-header { min-height:62px; }
  .site-header.header-style-2 .navbar-brand img { height:62px; max-width:140px; }
  .site-header .navbar-header .open-btn {
    right:0; width:44px; height:44px; padding:11px; background:#272b3e; border-radius:7px;
  }
  .site-header #navbar .close-navbar { background:#272b3e; width:44px; height:44px; }
  .site-header.header-style-2 .cart-search-contact { right:58px; top:9px; }
  .site-header.header-style-2 #navbar > ul { padding:60px 16px 24px; }
  .site-header.header-style-2 #navbar > ul > li { border-color:#e9e6df; }
  .site-header.header-style-2 #navbar > ul > li > a { padding:14px 16px; }
  .page-title { height:190px; }
  .site-footer .upper-footer { padding:38px 0 32px; }
}

@media screen and (max-width:767px) {
  .page-title { height:180px; }
  .page-title .breadcrumb li { font-size:14px; }
  .site-footer .upper-footer .row { grid-template-columns:1fr 1fr; gap:24px 20px; }
  .site-footer .upper-footer .col:has(.about-widget) { grid-column:1 / -1; }
  .site-footer .about-widget .logo { max-width:112px; }
}

/* Ook voldoende ruimte op kleine laptops als de donatieknop zichtbaar is. */
@media screen and (min-width:992px) and (max-width:1199px) {
  .site-header.header-style-2 .navigation { padding-right:16px; padding-left:16px; }
  .site-header.header-style-2 .navigation > .container-fluid { gap:12px; }
  .site-header.header-style-2 .navbar-brand img { height:64px; max-width:126px; }
  .site-header.header-style-2 #navbar > ul { gap:0; }
  .site-header.header-style-2 #navbar > ul > li > a { font-size:15px; padding:12px 8px; }
  .site-header.header-style-2 .cart-search-contact { gap:8px; }
  .site-header.header-style-2 .cart-search-contact .donate-btn .theme-btn {
    font-size:14px; padding:11px 12px; white-space:nowrap;
  }
}

/* Kleine gedeelde verbeteringen; bewust alleen schermweergave. */
@media screen {
  /* Voorkom witte tekst op witte secundaire knop bij toetsenbordfocus. */
  .masjid-page .masjid-button.secondary:hover,
  .masjid-page .masjid-button.secondary:focus {
    background:#272b3e; color:#fff!important; border-color:#272b3e;
  }
  .masjid-page .masjid-button:focus-visible {
    outline:3px solid #272b3e; outline-offset:3px;
  }
  .masjid-page a[href^="mailto:"] { overflow-wrap:anywhere; }
  .masjid-page p a:not(.masjid-button) {
    text-decoration:underline; text-underline-offset:3px;
  }
  .masjid-page .masjid-button { max-width:100%; text-align:center; white-space:normal; }
  .volunteer-form fieldset { min-width:0; }
  .volunteer-form input[type="text"],
  .volunteer-form input[type="email"],
  .volunteer-form input[type="tel"],
  .volunteer-form textarea { box-sizing:border-box; }

  /* De homepagebanner was 1000px hoog; laat titel en gebedstijden dichter op elkaar volgen. */
  .hero.hero-style-5,.hero.hero-style-5 .slide {
    height:clamp(420px,62vh,640px); min-height:420px;
  }
  .hero.hero-style-5 { overflow:hidden; }
  .hero.hero-style-5 .slide-caption > div.slide-top span {
    background:#fff2d9; color:#272b3e;
  }
}