/*
Theme Name: CCI Cultura
Theme URI: 
Author: Node
Author URI: https://territoriale-wp.nodetest.it
Description:  Child theme di "Territoriale" per personalizzazioni locali
Template:     territoriale             
Version:      1.0.0
Requires at least: 5.9
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  cci-cultura
Tags: custom-theme
*/

/* fix - OVERRIDING > Parent Theme, Bootstrap... */

:root {
  --cultura-main: #fac236;
  --cultura-secondary: #c08403;
  --cultura-gray: #f5f5f5;
}

/* fix - Containers */
@media (min-width: 1400px) {
  .container {
    max-width: 1340px; /* BS default */
  }
}
@media (min-width: 1500px) {
  .container,
  .container-xl {
    max-width: 1440px;
  }
}
@media (min-width: 1760px) {
  .container,
  .container-xl {
    max-width: 1600px;
  }
}

/* fix - Background */
.bg-primary {
  background-color: var(--cultura-main) !important;
}

/* fix - Pulsanti */
.btn-primary,
.btn-primary:visited {
  color: var(--secondary) !important;
  --bs-btn-bg: var(--cultura-main);
  --bs-btn-border-color: var(--cultura-main);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: var(--white) !important;
}
.btn-circle i {
  color: var(--secondary) !important;
}
.btn-circle:hover i,
.btn-circle:focus i {
  color: var(--white) !important;
}

/* fix - TOPBAR */
#topBar.bg-secondary {
  color: var(--secondary) !important;
  background-color: var(--cultura-main) !important;
}
#topBar.bg-secondary a:not(.dropdown-item) {
  color: var(--secondary) !important;
}
#topBar.bg-secondary a:not(.dropdown-item):hover,
#topBar.bg-secondary a:not(.dropdown-item):focus {
  color: var(--primary) !important;
}
.topBar .topBar__social-list .topBar__social-link i.x-twitter,
.topBar .topBar__social-list .topBar__social-link i.x-twitter {
  background-image: url('data:image/svg+xml;utf8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%2300559F"/></svg>');
}

/* fix - DROPDOWN MENU */
.dropdown-menu {
  background-color: var(--cultura-main) !important;
}
.dropdown-menu .dropdown-item {
  color: var(--secondary) !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  color: var(--white) !important;
  background-color: var(--cultura-secondary) !important;
}

/* fix - MAIN MENU */
@media (min-width: 992px) {
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    > li.nav-item
    .nav-link::after {
    background-color: var(--cultura-main);
  }
  #mainSiteHeader .mainNavbarWrapper {
    border-bottom: 2px solid var(--cultura-main);
    background-color: var(--cultura-gray) !important;
  }
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    li.nav-item
    .nav-link {
    color: var(--secondary) !important;
  }
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    .dropdown-toggle::after {
    color: var(--secondary) !important;
  }
}

/* fix - MAIN MENU (mobile) */
@media (max-width: 991px) {
  .navbar-brand-mobile,
  .navbar-brand-mobile:visited,
  .navbar-toggler {
    color: var(--secondary) !important;
    font-weight: 600;
  }
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    li.nav-item
    .nav-link {
    color: var(--secondary) !important;
  }
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    li.nav-item
    .nav-link:hover,
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    li.nav-item
    .nav-link:focus {
    color: var(--primary) !important;
  }
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    .dropdown-toggle::after {
    color: var(--secondary) !important;
  }
}

/* fix search input (main menu) */
.fas.fa-search.text-primary {
  /* color: var(--cultura-main) !important; */
  color: var(--secondary) !important;
}

/* fix - responsive Navbar/Menu */
@media (min-width: 992px) and (max-width: 1399px) {
  #mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav > li.nav-item {
    margin-right: 0;
  }
  #mainSiteHeader
    .mainNavbarWrapper
    nav.navbar
    ul.navbar-nav
    li.nav-item
    .nav-link {
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
  #navbarNavDropdown .navbar-search-form {
    max-width: 170px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  #navbarNavDropdown .navbar-search-form {
    max-width: 200px;
  }
}

/* fix - ACCORDION */
.blocco-accordion
  .blocco-accordion__header
  .blocco-accordion__toggle[aria-expanded="false"]
  i.fa-plus {
  color: var(--secondary);
}
.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle:hover,
.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle:focus,
.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle:active {
  background-color: var(--cultura-secondary) !important;
}
.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle:hover i,
.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle:focus i,
.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle:active i {
  color: var(--white) !important;
}
.blocco-accordion .blocco-accordion__header h2[aria-expanded="true"],
.blocco-accordion .blocco-accordion__header [aria-expanded="true"].h2 {
  padding: 0.65rem;
  font-weight: 700;
  background-color: var(--cultura-gray);
}

/* fix - HOMEPAGE - ACF BLOCK > BANNER PROMO - GRIGLIA NEWS */
@media screen and (max-width: 991.98px) {
  body.home .blocco-card_griglia .grid-cols-3 {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 992px) and (max-width: 1399.98px) {
  body.home .blocco-card_griglia .grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* fix - HOMEPAGE - ACF BLOCK > BANNER PROMO - FASCIA GIALLA */
.blocco-banner-promo.banner-promo-variant2 .blocco-banner-promo__picture {
  height: 200px;
  width: 100%;
  position: relative;
  background: white;
  display: block;
}
.blocco-banner-promo.banner-promo-variant2
  .blocco-banner-promo__picture
  .blocco-banner-promo__img {
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  max-height: 100px;
  max-width: 100%;
  object-fit: contain;
}

/* fix - PULSANTIERA */
.nav-pulsantiera.bg-secondary,
.nav-pulsantiera.bg-secondary a {
  color: var(--secondary) !important;
  background-color: var(--cultura-main) !important;
}
.nav-pulsantiera.bg-secondary a:hover,
.nav-pulsantiera.bg-secondary a:focus {
  color: var(--primary) !important;
}

/* fix - SWIPER SLIDER */
.swiper-button-next,
.swiper-button-prev {
  background-color: var(--cultura-main);
}
.swiper-button-next::after,
.swiper-button-prev::after,
.single .article-content__gallery .swiper .swiper-button-prev:after,
.single .article-content__gallery .swiper .swiper-button-next:after {
  color: var(--secondary);
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: var(--cultura-main);
  border: 2px solid var(--cultura-main);
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--white);
}

/* fix cpt HTML BLOCK (contenuto statico) */
.blocco-acf.blocco-html {
  max-width: 1199px;
}

/* fix - Banner News (acf block) */
.bannerCCI-news .bannerCCI-news__title {
  padding-right: 20%;
}

/* fix - SINGLE POST */
.btn-tag-list {
  color: var(--secondary) !important;
  border-color: var(--cultura-main);
}

/* TABELLE */
.site-main table thead th {
  background-color: var(--cultura-main);
  text-align: left;
  padding: 10px;
}
.site-main table tbody td {
  padding: 8px 10px;
}
.site-main table tbody tr:nth-child(even) {
  background-color: var(--cultura-gray);
}

/* fix - CONTACT FORM 7 */
.wpcf7 .contact-form-wrapper input[type="submit"] {
  color: var(--secondary);
  background-color: var(--cultura-main);
  border-color: var(--cultura-main);
}
.wpcf7 .contact-form-wrapper input[type="submit"]:hover,
.wpcf7 .contact-form-wrapper input[type="submit"]:focus {
  color: var(--white);
  /* background-color: var(--cultura-secondary);
    border-color: var(--cultura-secondary); */
}

/* -----------------------------------------
  NEW →  SEDI TERRITORIALI (archivio cpt + mappa)
----------------------------------------- */
.page-archive-sedi-territoriali {
  background: var(--white);
}
.sedi-territoriali-map-section {
}
.sedi-territoriali-map {
  min-height: 520px;
  width: 100%;
  border-radius: 0.25rem;
  background-color: #efefef;
  background-image: url("../territoriale/img/cookie_info_blocked_content.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 260px 130px;
  box-shadow: var(--default-box-shadow);
}
.sedi-territoriali-map img {
  max-width: none;
}
.sedi-territoriali-map-section__status {
  color: var(--secondary);
}
.sedi-territoriali-accordion {
  border-bottom: 1px solid var(--light-grey);
}
.sedi-territoriali-accordion .blocco-accordion__item {
  background-color: transparent;
}
.sedi-territoriali-accordion .blocco-accordion__toggle:focus-visible {
  outline: 3px solid rgba(250, 194, 54, 0.65);
  outline-offset: 2px;
}
.sedi-territoriali-accordion__body {
  background-color: var(--white);
}
.sedi-territoriali-accordion__address {
  color: var(--dark);
  font-style: normal;
  white-space: normal;
}
.sedi-territoriali-accordion__details dt {
  color: var(--secondary);
  font-weight: 700;
}
.sedi-territoriali-accordion__details dd {
  margin-bottom: 0;
}
.sedi-territoriali-accordion__directions {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.sedi-territoriali-infow {
  max-width: 260px;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.35;
}
.sedi-territoriali-infow__title {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  color: var(--secondary);
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
}
.sedi-territoriali-infow__title:hover,
.sedi-territoriali-infow__title:focus {
  color: var(--cultura-secondary);
  text-decoration: none;
}
.sedi-territoriali-infow__title:focus-visible {
  outline: 2px solid rgba(250, 194, 54, 0.65);
  outline-offset: 3px;
}
.sedi-territoriali-infow__title-icon {
  font-size: 0.75em;
}
.sedi-territoriali-infow__address {
  margin: 0.5rem 0 0;
  color: var(--dark);
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .sedi-territoriali-map {
    min-height: 360px;
  }
}