/* === SolidShop egyedi CSS === */

/* Akciós/kedvezmény badge = figyelemfelkeltő rózsaszín (logó-szín), fehér szöveggel */
.v-item-card-parts-item-card-discount-002,
.v-item-row-parts-item-row-discount-002 {
    background-color: var(--scolor) !important;
    color: #fff !important;
}

/* Termékkártya: margó a termék NEVE alá */
.v-item-card-parts-item-card-name-001 {
    margin-bottom: 0.75rem !important;
}

/* sections-builder szekciók (Kategóriák, Rólunk, Miért): több alsó tér —
   felül a cím pt-4-et is kap, alul csak pb-5, a kártyáknak nincs saját alsó margója */
#section_sections_1,
#section_sections_2,
#section_sections_3 {
    padding-bottom: 4.5rem !important;
}

/* Footer alsó sáv (NeoSoft-kredit) link fehér, hover rózsaszín */
#footer_info_line a {
    color: #fff !important;
}
#footer_info_line a:hover {
    color: var(--scolor) !important;
}

/* === Egységes szekció-ritmus (főoldal + a mindenhol megjelenő szekciók) ===
   A motor sablonjai eltérő saját margóval indítják a tartalmat (featured/discounted/news: my-5,
   sections-builder: py-2, hírlevél-doboz: my-5), ezért a cím alatti és a tartalom alatti térköz
   szekciónként más volt. Egységes ritmus: cím fölött 3rem (dsc pt-5), cím alatt 2rem,
   tartalom alatt 4.5rem. */
[id^="section_"] .v-section-title-001 {
    margin-bottom: 1.5rem;
}
[id^="section_"] .v-start-featured-001,
[id^="section_"] .v-start-discounted-001,
[id^="section_"] .v-start-news-001 {
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
}
[id^="section_"] .v-start-sections-001 .sortable-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#section_newsletter_2 .v-newsletter-001 > div:has(#newsletterForm) {
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
}

/* A hírlevél-sáv háttere halvány rózsaszín (--scolor-subtle). A dsc-ben szándékosan
   bg-white marad: a motor a SÁV színéből számolja a doboz színét, így a doboz a márka
   türkiz színét viseli, rózsaszín gombbal. */
#section_newsletter_2 {
    background-color: var(--scolor-subtle) !important;
}

/* A hírlevél checkbox-címkéje linket tartalmaz, ezért a felirat több sorban a jelölőnégyzet alá
   csúszna: függő behúzással marad egyben és igazodik. */
#section_newsletter_2 .v-newsletter-008 {
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    padding-left: 1.55rem;
    text-indent: -1.55rem;
}
#section_newsletter_2 .v-newsletter-008 input {
    width: 1.05rem;
    height: 1.05rem;
    vertical-align: -0.15rem;
}

/* Hírlevél visszajelzés: a motor text-success / text-danger színe a türkiz dobozon
   olvashatatlan (mérve: 1.04:1 és 1.60:1), ezért az üzenet a Bootstrap jelzősávjaihoz
   igazodó, halvány hátterű kiemelt sávba kerül (siker zöld, hiba piros). */
#section_newsletter_2 .newsletter-msg {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-left: 0.25rem solid currentColor;
    font-weight: 600;
}
#section_newsletter_2 #newsletter-alert {
    background-color: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis) !important;
}
#section_newsletter_2 #newsletter-success {
    background-color: var(--bs-success-bg-subtle);
    color: var(--bs-success-text-emphasis) !important;
}