/* ==================================================================
   Audit SEO A.4 - structura de headinguri (Ana Pan)
   ------------------------------------------------------------------
   Template-urile au schimbat tag-urile unor titluri (ex. <h2> din footer
   -> <div class="h2 footer-title">, <h4> din carusel -> <h3 class="h4">).
   Regulile de mai jos sunt copii ale regulilor existente din theme.css,
   custom.css si _*.css care stilizau vechile tag-uri, aplicate pe noile
   selectoare - ca aspectul sa ramana identic.
   Fisier separat, incarcat ultimul (_partials/stylesheets.tpl, cu ?v=N),
   ca vizitatorii sa nu primeasca HTML nou cu CSS vechi din cache.
   Revenire: se scoate linia din stylesheets.tpl.
   ================================================================== */

/* --- din theme.css --- */
@media (max-width:991px){.carousel .carousel-item .caption .caption-description [data-h="3"]{color:#7a7a7a}}
@media (max-width:991px){.carousel .carousel-item .caption .caption-description [data-h="3"]{font-size:1rem}}

/* --- din custom.css --- */
.mediablogcontent .blog-item .blog-item-title{height: 72px; overflow-y: hidden;}
._logo_menu .logo-heading{margin-bottom: 0px;}
#carousel .caption-description [data-h="3"], .four-images .item-text .item-subtitle{font-family: 'Daniel-bold'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; color: #D96420; margin-bottom: 10px;}
.four-images .item-text .item-subtitle{color: #5F1216; line-height: 32px; margin-bottom: 0px;}
#carousel .caption-description [data-h="3"] span, .four-images .item-text .item-subtitle span{font-size: 24px !important;}
#carousel .caption-description [data-h="2"]{font-family: 'Oswald', sans-serif; font-style: normal; font-weight: bold; font-size: 45px; line-height: 53px; color: #000000; margin-bottom: 10px;}
.ad_info_pro h3{margin-bottom: 15px;}
.ad_info_pro h3 a{font-family: 'Oswald', sans-serif; font-style: normal; font-weight: bold; font-size: 24px !important; line-height: 36px; color: #272727 !important; min-height: 72px; display: block;}
.text-desc h3{font-family: 'Oswald', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; color: #FFFFFF; height: 72px; margin-bottom: 40px;}
.blog-item .blog-item-title{font-family: 'Oswald', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; color: #272727; margin-bottom: 3px; min-height: 72px;}
.ft-link .footer-title{font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 600; font-size: 24px; line-height: 36px; color: white; margin-bottom: 20px;}
.about-us .footer-title{font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 600; font-size: 24px; line-height: 36px; color: white; margin-bottom: 10px;}
.product-comment-modal .modal-header .h2{font-family: 'Lato', sans-serif;}
.block-product-attribute-custom .h4{font-size: 18px; line-height: 22px; font-family: 'Lato', sans-serif; color: #272727; font-weight: bold;}

/* --- din _320-767.css --- */
@media screen and (min-width: 320px) and (max-width: 767px){#carousel .caption-description [data-h="3"] span{font-size: 14px !important;}}
@media screen and (min-width: 320px) and (max-width: 767px){#carousel .caption-description [data-h="2"]{font-size: 18px; line-height: 22px;}}
@media screen and (min-width: 320px) and (max-width: 767px){.ad_info_pro h3{margin-left: 15px; margin-right: 15px;}}
@media screen and (min-width: 320px) and (max-width: 767px){.four-images .item-text .item-subtitle{font-size: 16px; line-height: 21px;}}
@media screen and (min-width: 320px) and (max-width: 767px){.ft-link .footer-title{font-size: 18px; line-height: 27px; margin-bottom: 10px;}}
@media screen and (min-width: 320px) and (max-width: 767px){.about-us .footer-title{font-size: 18px; line-height: 27px;}}
@media screen and (min-width: 320px) and (max-width: 767px){.ad_info_pro h3 a{font-size: 18px; line-height: 27px;}}

/* --- din _768.css --- */
@media screen and (min-width: 768px){#carousel .caption-description [data-h="3"]{font-size: 30px; line-height: 38px;}}
@media screen and (min-width: 768px){#carousel .caption-description [data-h="2"]{font-size: 25px; line-height: 35px;}}
@media screen and (min-width: 768px){.text-desc h3{font-size: 20px; line-height: 30px;}}
@media screen and (min-width: 768px){.four-images .item-text .item-subtitle{font-size: 20px;}}
@media screen and (min-width: 768px){.blog-item .blog-item-title{font-size: 20px; line-height: 26px;}}
@media screen and (min-width: 768px){._logo_menu .logo-heading{margin-top: 20px;}}
@media screen and (min-width: 768px){.ad_info_pro h3 a{font-size: 18px !important; line-height: 27px; min-height: 56px;}}
@media screen and (min-width: 768px){.ad_info_pro h3{margin-bottom: 10px;}}

/* --- din _992.css --- */
@media screen and (min-width: 992px){#carousel .caption-description [data-h="3"]{font-size: 24px; line-height: 30px;}}
@media screen and (min-width: 992px){#carousel .caption-description [data-h="2"]{font-size: 45px; line-height: 53px;}}
@media screen and (min-width: 992px){.text-desc h3{font-size: 24px; line-height: 36px;}}
@media screen and (min-width: 992px){.four-images .item-text .item-subtitle{font-size: 24px;}}
@media screen and (min-width: 992px){.blog-item .blog-item-title{font-size: 24px; line-height: 36px;}}
@media screen and (min-width: 992px){._logo_menu .logo-heading{margin-top: 10px;}}
@media screen and (min-width: 992px){.ad_info_pro h3 a{font-size: 22px !important; line-height: 30px; min-height: 72px;}}
@media screen and (min-width: 992px){.ad_info_pro h3{margin-bottom: 15px;}}

/* --- din _1200.css --- */
@media screen and (min-width: 1200px){._logo_menu .logo-heading{margin-top: 0px;}}

/* --- din _1400.css --- */
@media screen and (min-width: 1400px){._logo_menu .logo-heading{margin-top: 0px;}}

/* --- reguli proprii A.4 --- */
/* Titlurile din descrierea slide-urilor (editor BO) devin <div data-h="N"> in slider.tpl:
   stilul de baza al tag-ului original; specificitate minima, ca sa nu bata regulile de mai sus. */
[data-h]{display:block;margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1.1}
[data-h="1"]{font-size:1.375rem}
[data-h="2"]{font-size:1.25rem}
[data-h="3"],[data-h="4"]{font-size:1.125rem}
[data-h="5"]{font-size:1rem}
[data-h="6"]{font-size:.9375rem}
/* Lista de blog: replica ".blog-item h3{height:72px;overflow:hidden}" din CSS-ul personalizat
   al modulului smartblog (setarea smartcustomcss din BO). */
.blog-item .blog-item-title{height:72px;overflow:hidden}
/* Caruselul "Recomandarile noastre": titlul e acum intr-un <h2>; nu schimba nimic vizual. */
.page-title-categoryslider .carousel-section-title{font-size:inherit;line-height:inherit;font-weight:inherit;font-family:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;margin:0;padding:0}
