/*
Theme Name: Dev Factory
Theme URI: https://dev-factory.ro
Description: Tema copil Porto pentru CTE Solution - dezvoltata de Dev Factory.
Author: Dev Factory
Author URI: https://dev-factory.ro
Template: porto
Version: 1.0.4
*/

/* ===== Tipografie (ca pe ctesolution.ro) ===== */
:root{ --df-blue:#3399cc; --df-blue-d:#2a82ad; }
body, .porto-u-text, p, .form-control{ font-family:"Open Sans",sans-serif; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
.entry-title,.product-name,.widget-title,.porto-heading .porto-u-heading,
#main-menu .menu > li > a, .main-menu > li > a{
  font-family:"Oswald",sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.02em;
}
h1,h2,h3{ color:#2b2b2b; }

/* ===== Meniu principal ===== */
#header .main-menu > li > a, #header .menu > li > a{ font-size:14px; }
#header .menu > li > a:hover, #header .menu > li.active > a{ color:var(--df-blue); }

/* ===== Mega menu: imagini pe subcategorii sub forma de card ===== */
.menu .wide .sub-menu,
.menu li .narrow .sub-menu{ padding:18px 20px; }

/* item de subcategorie cu imagine = card vertical (imagine sus, text jos) */
.menu .sub-menu li > a{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.25; }
.menu .sub-menu li > a img,
.menu .wide li a img{
  width:100% !important; height:auto !important; max-width:170px;
  margin:0 0 8px 0; border:1px solid #eee; border-radius:6px;
  background:#fff; transition:box-shadow .2s, transform .2s;
}
.menu .sub-menu li > a:hover img{ box-shadow:0 6px 18px rgba(51,153,204,.18); transform:translateY(-2px); }
.menu .sub-menu li > a{ font-family:"Oswald",sans-serif; text-transform:none; font-weight:500; color:#444; }
.menu .sub-menu li > a:hover{ color:var(--df-blue); }

/* coloane mega menu mai aerisite */
.menu .wide > .sub-menu{ display:flex; flex-wrap:wrap; gap:10px 24px; }
.menu .wide > .sub-menu > li{ flex:0 0 auto; }

/* ===== Butoane / accente brand ===== */
.btn-primary,.button.alt,.single_add_to_cart_button,.df-cta{
  background:var(--df-blue); border-color:var(--df-blue); color:#fff;
}
.btn-primary:hover,.df-cta:hover{ background:var(--df-blue-d); border-color:var(--df-blue-d); }
a{ color:var(--df-blue); }

/* ===== Bara header-top ===== */
.header-top{ background:#2b2b2b; color:#cfcfcf; font-size:13px; }
.header-top a{ color:#cfcfcf; }
.header-top a:hover{ color:#fff; }
.header-top .df-top-contact i{ color:var(--df-blue); margin-right:5px; }
.header-top .df-top-contact span{ margin-right:22px; }