/* ======================================================================
   SOBSTVENNYJ SLOJ PRAVOK — acoustic-solutions.co.uk
   Fajly temy iz arhiva NE trogaem, vse pravki tolko zdes.
   ====================================================================== */

/* ---------- KONTRAST ----------
   Tema ispolzuet #999 dlya menyu, dat, tegov i podpisej:
     #999 na #fff    = 2.85:1   (nado 4.5)
     #999 na #f9f9f9 = 2.71:1
   Temneem do #595959 — eto 7.0:1 na belom. Menyaem TOLKO svetlotu,
   ottenok seryj ostaetsya, oblik temy ne menyaetsya. */
.nav-holder nav li a,
.main-menu a,
.post-date,
.post-comments,
.tags-widget a,
.post-tags a,
.widget_tag_cloud a,
.balkon_sec-title span,
.grid-item a,
.grid-item span,
.folio-info a,
.testi-item .testi-author,
.breadcrumbs a,
.post-author,
.post-author a {
    color: #595959;
}

/* Ssylki pri navedenii — zametno temnee, chtoby otlichie bylo vidno */
.nav-holder nav li a:hover,
.post-tags a:hover,
.tags-widget a:hover,
.grid-item a:hover {
    color: #1f1f1f;
}

/* «scroll down» byl chernym na temnom (#000 na #292929 = 1.44) */
.scroll-down span,
.scroll-nav span,
.hero-wrap .scroll-down,
.scroll-down-wrap span {
    color: #e8e8e8;
}

/* ---------- PLENKA POD POTERYANNYM FONOM ----------
   У elementov <div class="bg" data-bg="..."> fotografii v arhive net.
   Ryadom lezhit <div class="overlay"> so sploshnym chernym — bez foto
   ona prevrashchaetsya v chernyj pryamougolnik. Gasim ee tam, gde
   podlozhki net. Na plitkah portfolio plenka nuzhna — ih ne trogaem. */
section.balkon_sec > .overlay,
.parallax-section > .overlay,
.header-section > .overlay {
    background-color: transparent !important;
}

/* ---------- MELKIJ SHRIFT NA TELEFONE ----------
   Podpisi plitok i knopki shli 10-11px — na uzkom ekrane ne chitaetsya. */
@media (max-width: 767px) {
    .balkon_sec-title span,
    .grid-item a,
    .grid-item span,
    .btn.float-btn,
    .post-date,
    .post-comments {
        font-size: 13px;
    }
}

/* ---------- DOBOR: selektory vzyaty iz zhivogo DOM ----------
   Pervye popytki ne srabotali — ya ugadyvala klassy. Vzyala cepochku
   predkov v brauzere. Sr. [[feedback-no-guessing]]. */

/* «scroll down»: chernyj tekst na temnoj shapke (#000 na #292929 = 1.44) */
.custom-scroll-link span,
.sect-scroll-link span,
.section-title .custom-scroll-link {
    color: #e8e8e8;
}

/* daty i kommentarii v bokovyh blokah novostej */
.widget-posts-date .post-comments,
.widget-posts-date .post-date,
.widget-posts-descr .post-comments,
ul li .post-comments {
    color: #595959;
}

/* tegi pod statyoj: .pr-tags li a — #999 na #f9f9f9 = 2.71 */
.pr-tags li a,
.pr-tags a,
.blog-text .pr-tags a {
    color: #595959;
}
.pr-tags li a:hover { color: #1f1f1f; }

/* blok  na /about-us: fioletovyj fon #6f3778, tekst chernyj
   (2.49:1). Fon zadan temoj — znachit tekst dolzhen byt svetlyj. */
.wpb_text_column.standout,
.wpb_text_column.standout p,
.wpb_text_column.standout a,
[style*="6f3778"] p,
[style*="6f3778"] {
    color: #ffffff;
}
.wpb_text_column.standout { padding: 22px 24px; }
.wpb_text_column.standout p { max-width: 1100px; margin: 0 auto; line-height: 1.6; }

/* Nomera v tochkah karuseli.
   ★Moya zhe pravka dala obratnyj effekt: #595959 horosho chitaetsya
   na belom (7.0:1), no na TEMNOJ sekcii otzyvov (#292929) daet 2.08.
   Poetomu cvet zavisit ot fona: na svetlom temnyj, na temnom svetlyj. */
.swiper-pagination-bullet,
.swiper-pagination span {
    color: #595959;
}
.parallax-section .swiper-pagination span,
.header-section .swiper-pagination span,
.testilider .swiper-pagination span,
section[class*="dark"] .swiper-pagination span,
.testimonials-slider-holder .swiper-pagination span {
    color: #e8e8e8;
}

/* Na telefone ssylki i knopki shli 10-11px — melko dlya chteniya.
   Podnimaem do 13px TOLKO na uzkih ekranah, dizajn ne menyaem. */
@media (max-width: 767px) {
    .content-holder a,
    .grid-item a,
    .btn,
    .btn.float-btn,
    .pr-tags a,
    .post-date,
    .post-comments,
    .balkon_sec-title span {
        font-size: 13px;
    }
}


/* ---------- PLITKI TOVAROV: dovodka ----------
   Posle snyatiya dublej ostalos tri nedochota, vidnyh na skrinshote:
   1) v plitke stoit LOGOTIP (AAS_2020-Website.png) — u etih tovarov
      sobstvennogo foto net ni na sajte, ni v arhive. Logotip v roli
      foto tovara vyglyadit polomkoj, poetomu pryachem ego;
   2) pod spiskom visit indikator zagruzki AJAX, kotoryj nikogda
      ne dozhdetsya otveta;
   3) plitki idut v stroku vo vsyu shirinu — raskladyvaem setkoj. */

/* 1. logotip v roli foto tovara */
.grid-item img[src*=AAS_2020],
.gallery-items img[src*=AAS_2020],
.folio-info img[src*=AAS_2020] { display: none !important; }

/* 2. vechnyj indikator zagruzki */
.vc_grid-loading,
.vc_grid .vc_grid-loading,
.vc-gitem-zone-img-blur,
.grid-loading,
#loader-wrapper .loader-section { display: none !important; }

/* 3. setka: plitki v ryad po shirine ekrana.
   ★Snachala ya napisala pravilo shiroko — i ono popalo na stranicy
   kategorij portfolio, gde u temy SVOYA klad ka (masonry): kartochki
   razъehalis, foto vylezlo za plitku. Ogranichivaem oblast: tolko
   spiski tovarov vnutri .post-container, bez stranic-galerej. */
.post-container > .gallery-items,
.display-page .post-container .gallery-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
    align-items: start;
    margin-top: 28px;
}
.post-container > .gallery-items > .grid-item,
.display-page .post-container .gallery-items > .grid-item {
    width: auto !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    border: 1px solid #e6e6e6;
    padding: 20px 22px;
    background: #fff;
}
/* strelka-ssylka v plitke: pod tekstom, a ne v dalekom prave */
.post-container .gallery-items .grid-item a[class*=btn],
.display-page .gallery-items .grid-item a[class*=btn] {
    margin-top: 10px;
}

/* ---------- PUSTYE OBERTKI ----------
   Posle snyatiya AJAX-setki ostalis kontejnery bez soderzhimogo:
   vc_row na 400px i sekcii na 141px, kotorye prosto zanimayut mesto.
   Schlopyvaem ih, no TOLKO kogda vnutri net ni teksta, ni kartinki
   (:has proveryaet eto nadezhnee, chem ugadyvanie po klassu). */
.vc_row:not(:has(img)):not(:has(p)):not(:has(h1,h2,h3,h4)):not(:has(a[href])),
.balkon_sec:not(:has(img)):not(:has(p)):not(:has(h1,h2,h3,h4)):not(:has(a[href])) {
    display: none;
}

/* zapas dlya brauzerov bez :has() — ubiraem hotya by vnutrennie otstupy */
@supports not selector(:has(*)) {
    .vc_row-fluid:empty,
    .balkon_sec:empty { display: none; }
}

/* ---------- GALEREI PORTFOLIO: raskladka bez skripta ----------
   Plitki .gallery-item stoyat position:absolute — ih rasstavlyal
   skript Isotope, kotorogo v arhive net. Bez nego kontejner ne znaet
   svoyu vysotu, kartochki naezzhayut drug na druga, a foto vylezaet
   za plitku (vidno na /portfolio_cat/*).

   Vozvrashchaem v potok i raskladyvaem setkoj — CSS spravlyaetsya sam. */
.gallery-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 24px;
    height: auto !important;
    position: relative;
}
.gallery-items > .gallery-item,
.gallery-items > .grid-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
/* dve kolonki na uzkom ekrane, odna na telefone */
@media (max-width: 1023px) {
    .gallery-items { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
}

/* foto plitki: rovnaya vysota, chtoby ryad ne prygal */
.gallery-items .gallery-item img,
.gallery-items .grid-item img {
    display: block;
    width: 100% !important;
    height: 230px !important;
    object-fit: cover;
}

/* podpis pod foto */
.gallery-items .grid-item {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fff;
}

/* ---------- «scroll down» ----------
   Ssylka stoit position:absolute i vyezzhaet za nizhnij kraj temnoj
   shapki: belyj blok nizhe naezzhaet na nee (vidno na /portfolio_cat/*).
   Vozvrashchaem v potok — ona i tak idet poslednej v svoem bloke. */
.section-title .custom-scroll-link,
.header-section .custom-scroll-link,
.sect-scroll-link {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
}

/* ---------- PUSTOJ SLOJ FONA NA SHAPKE ----------
   Pod temnoj shapkoj vidneetsya belyj pryamougolnik: eto sloj,
   v kotoryj skript dolzhen byl podstavit fonovoe foto iz data-bg.
   Fotografii v arhive net, sloj ostalsya belym i perekryvaet shapku.
   Delaem ego prozrachnym — togda viden fon sekcii. */
.header-section .bg,
.parallax-section .bg,
.header-section > .bg[data-bg],
.balkon_page_head_sec .bg {
    background-color: transparent !important;
}
/* dekorativnyj holst s tochkami poverh shapki — on zhe daet belyj ottenok */
.partcile-dec canvas { opacity: .35; }

/* Knopki v bannerah i plitkah na telefone shli 10.2-11px.
   Selektory vzyaty iz DOM: .hero-item a.btn, a ne ugadany. */
@media (max-width: 767px) {
    .hero-item a.btn,
    .hero-item .btn,
    .grid-item a,
    .gallery-item a,
    .folio-info a,
    a.btn.float-btn {
        font-size: 13px !important;
    }
}

/* Metki kategorij v lente novostej: 11px na telefone. */
@media (max-width: 767px) {
    .wppsac-post-categories-list a,
    .wppsac-post-categories-list li,
    .wppsac-post-date,
    .wppsac-post-content a {
        font-size: 13px !important;
    }
}

/* ---------- PUSTOJ KONTEJNER AJAX-SETKI ----------
   vc_grid-container derzhit 380-538px pustoty: v nego skript dolzhen byl
   zagruzit tovary, no v statike zagruzhat nekomu. Vnutri net ni plitok,
   ni kartinok — tolko pustaya obolochka. Ubiraem ee, chtoby stranica
   ne obryvalas bolshoj dyroj pered knopkoj «Back». */
.vc_grid-container:not(:has(.vc_grid-item)),
.vc_grid:not(:has(.vc_gitem-zone)),
.vc_grid-container-wrapper:not(:has(img)):not(:has(h3)):not(:has(h4)) {
    display: none !important;
}

@supports not selector(:has(*)) {
    .vc_grid-container:empty,
    .vc_grid:empty { display: none !important; }
}

/* ---------- PUSTOTA V vc_row ----------
   Roditel 503px, a edinstvennyj rebenok — 56px. Raznicu derzhit
   float vnutri, ne uchtennyj v potoke (klassicheskij sluchaj,
   uzhe vstrechalsya na drugom sajte — sr. zapis pro float v podvale).
   Lechitsya display:flow-root na RODITELE, a ne clear u soseda. */
.vc_row.wpb_row.vc_row-fluid {
    display: flow-root;
}
/* kolonka vnutri tozhe dolzhna soderzhat svoi float-y */
.wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flow-root;
}