/* RAM V2: design unificat pe tot magazinul. Cadru închis (header, bandă, footer), conținut alb.
   Paleta: #07111F fundal închis, #0B1726 text/butoane închise, #F2C200 accent, #3E8E2B CTA, #1C6FA8 linkuri.
   Fonturi: Oswald (titluri), Source Sans 3 (text). */

/* ---------- 1. old theme header / SEAP bar / trust bar / footer are replaced ---------- */
body.ramv2 > header.oxy-header-wrapper,
body.ramv2 > #section-629-1397,
body.ramv2 > #section-413-1397,
body.ramv2 > footer.ct-section { display: none !important; }
/* the homepage V2 brings its own header/footer */
body:has(.ramh) .ramv2-chrome { display: none !important; }

/* ---------- 2. new header / footer ---------- */
.ramv2-chrome { font-family: 'Source Sans 3', sans-serif; color: #E8EEF5; line-height: 1.5; }
.ramv2-chrome *, .ramv2-chrome *::before, .ramv2-chrome *::after { box-sizing: border-box; }
.ramv2-chrome a { text-decoration: none; }
.ramv2-chrome a:hover { color: #FFFFFF !important; }
.ramv2-chrome nav[aria-label="Categorii"] a:hover { background: #0E1F36; }
/* 12 categories on one row: tighter spacing, horizontal scroll instead of a second row on narrower screens */
.ramv2-chrome .ramh-cats { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
.ramv2-chrome .ramh-cats::-webkit-scrollbar { display: none; }
.ramv2-chrome .ramh-cats a { white-space: nowrap; padding: 14px 8px !important; font-size: 14px !important; flex: 0 0 auto; }
@media (max-width: 1380px) { .ramv2-chrome .ramh-cats a { padding: 14px 6px !important; font-size: 13.5px !important; } }
/* when the row still scrolls (smaller screens), a fade on the right shows there is more */
.ramv2-chrome nav[aria-label="Categorii"] { position: relative; }
@media (max-width: 1240px) { .ramv2-chrome nav[aria-label="Categorii"]::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 56px; background: linear-gradient(90deg, rgba(7,17,31,0), #07111F 80%); pointer-events: none; } }
.ramv2-chrome form[role="search"] button[type="submit"] { background: #1C92D1 !important; border-radius: 0 8px 8px 0 !important; }
.ramv2-chrome input[type="search"]::placeholder { color: #8FA3BC; }
.ramv2-chrome .ramh-cart-n { position: absolute; top: -6px; right: -8px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #F2C200; color: #0B1726; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.ramv2-foot footer a { color: #7FC4EC !important; }
.ramv2-foot footer a:hover { color: #FFFFFF !important; }
@media (max-width: 700px) {
  .ramv2-chrome .ramh-cats { flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .ramv2-chrome .ramh-cats a { white-space: nowrap; }
  .ramv2-chrome .ramh-logo img { height: 40px !important; }
}
/* ANPC (SAL), operator data and cookie preferences are now part of the new footer: hide the theme's separate lines */
body.ramv2 .ram-anpc, body.ramv2 .ram-legal-line, body.ramv2 .ram-cookie-link { display: none !important; }
/* one single cookie-preferences control: the one in the footer (the floating button is hidden; it still opens the panel when called) */
body.ramv2 #ram-consent-manage { display: none !important; }
.ramv2-foot footer button[data-ram-cookie]:hover { color: #FFFFFF !important; }
.ramv2-foot footer .ram-anpc-b { transition: transform .2s ease; }
.ramv2-foot footer .ram-anpc-b:hover { transform: translateY(-2px); }
@media (max-width: 440px) { .ramv2-foot footer .ram-anpc-b { transform: scale(.86); transform-origin: left center; } }

/* ---------- 3. base typography ---------- */
body.ramv2 { font-family: 'Source Sans 3', sans-serif; color: #1F2A37; }
body.ramv2 h1, body.ramv2 .woocommerce-products-header__title { font-family: 'Oswald', sans-serif !important; font-weight: 700 !important; letter-spacing: 0; }
/* dark title only on white shop pages; titles over photos keep their own (white) colour */
body.ramv2.woocommerce-page h1, body.ramv2.single-product h1, body.ramv2.tax-product_cat h1 { color: #0B1726 !important; }
body.ramv2.archive h1, body.ramv2.tax-product_cat h1 { text-transform: uppercase; line-height: 1.12; }

/* ---------- 4. dark band under the header (breadcrumb), the "frame" of each page ---------- */
body.ramv2 #section-14-1421 { background: #07111F !important; border-bottom: 3px solid #F2C200; }
body.ramv2 #section-14-1421 .woocommerce-breadcrumb, body.ramv2 #section-14-1421 .woocommerce-breadcrumb a { color: #C9D6E6 !important; font-size: 14px; }
body.ramv2 #section-14-1421 .woocommerce-breadcrumb a:hover { color: #F2C200 !important; }
body.ramv2 #section-14-1421 .ct-section-inner-wrap { padding-top: 12px !important; padding-bottom: 12px !important; }

/* ---------- 5. product cards in lists (category, search, shop, related) = homepage card ---------- */
body.ramv2 ul.products li.product {
  background: #FFFFFF; border: 1px solid #E3E7EE; border-radius: 16px; padding: 12px 12px 14px !important;
  display: flex !important; flex-direction: column; gap: 8px; transition: transform .2s ease, box-shadow .2s ease;
}
body.ramv2 ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(11, 23, 38, .14); }
body.ramv2 ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; }
body.ramv2 ul.products li.product img {
  background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; border-radius: 12px; aspect-ratio: 1 / 1; object-fit: contain;
  padding: 0 !important; margin: 0 !important; transition: transform .35s ease; width: 100%; height: auto;
}
body.ramv2 ul.products li.product:hover img { transform: scale(1.04); }
body.ramv2 ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Source Sans 3', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; line-height: 1.35 !important;
  color: #0B1726 !important; padding: 0 !important; margin: 0 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; min-height: 40px; max-height: 41px; height: auto !important;
}
body.ramv2 ul.products li.product .price { margin-top: auto !important; color: #0B1726 !important; }
body.ramv2 ul.products li.product .price .amount, body.ramv2 ul.products li.product .price bdi { font-family: 'Oswald', sans-serif !important; font-weight: 700; font-size: 22px; color: #0B1726 !important; }
body.ramv2 ul.products li.product .price del .amount { font-size: 14px; color: #6B7684 !important; font-family: 'Source Sans 3', sans-serif !important; font-weight: 400; }
body.ramv2 ul.products li.product .button {
  display: block !important; width: 100% !important; text-align: center; margin: 0 !important;
  background: #0B1726 !important; color: #FFFFFF !important; border: 0 !important; border-radius: 8px !important;
  font-family: 'Source Sans 3', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; text-transform: none !important;
  padding: 11px 10px !important; min-height: 44px;
}
body.ramv2 ul.products li.product .button:hover { background: #1C6FA8 !important; }
body.ramv2 ul.products li.product .added_to_cart { display: block; text-align: center; font-weight: 700; color: #1C6FA8; }
body.ramv2 ul.products li.product .onsale { background: #F2C200 !important; color: #0B1726 !important; border-radius: 6px !important; font-weight: 700; }

/* "Produse recomandate" on the product page (custom block) */
body.ramv2 #ram-rec li > a { background: #FFFFFF; border: 1px solid #E3E7EE; border-radius: 16px; padding: 12px; transition: transform .2s ease, box-shadow .2s ease; }
body.ramv2 #ram-rec li > a:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(11, 23, 38, .14); }
body.ramv2 #ram-rec img { background: #F2F4F7; border-radius: 12px; object-fit: contain; mix-blend-mode: multiply; }
body.ramv2 #ram-rec .t { font-weight: 700; color: #0B1726 !important; }
body.ramv2 #ram-rec .p, body.ramv2 #ram-rec .p .amount { font-family: 'Oswald', sans-serif; font-weight: 700; color: #0B1726 !important; }
body.ramv2 #ram-rec .b { background: #0B1726 !important; color: #FFFFFF !important; border-radius: 8px; }

/* section titles inside pages: Oswald, uppercase, yellow rule (as on the homepage) */
body.ramv2 h2.ct-headline { font-family: 'Oswald', sans-serif !important; text-transform: uppercase; }
body.ramv2 h2.ct-headline::after { content: ""; display: block; width: 56px; height: 4px; background: #F2C200; margin-top: 10px; }

/* ---------- 6. product page ---------- */
body.ramv2.single-product h1 { line-height: 1.15; }
body.ramv2 .ram-p-price, body.ramv2 .ram-p-price .amount, body.ramv2 .ram-p-price bdi { font-family: 'Oswald', sans-serif !important; }
body.ramv2 .single_add_to_cart_button, body.ramv2 .ram-p-bar button {
  border-radius: 10px !important; font-family: 'Source Sans 3', sans-serif !important; font-weight: 700 !important; text-transform: none !important;
}
body.ramv2 .single_add_to_cart_button:hover, body.ramv2 .ram-p-bar button:hover { background-color: #4AA334 !important; }

/* ---------- 7. category page ---------- */
body.ramv2 .widget_product_categories { background: #FFFFFF; border: 1px solid #E3E7EE; border-radius: 16px; padding: 18px !important; }
body.ramv2 .widget_product_categories a { color: #0B1726 !important; }
body.ramv2 .widget_product_categories a:hover, body.ramv2 .widget_product_categories .current-cat > a { color: #1C6FA8 !important; }
body.ramv2 .ram-f-body { border-radius: 16px; }
body.ramv2 .woocommerce-pagination .page-numbers { border-radius: 8px; }

/* ---------- 8. buttons and focus everywhere ---------- */
body.ramv2 .woocommerce button.button, body.ramv2 .woocommerce a.button, body.ramv2 .woocommerce input.button { border-radius: 10px !important; }
body.ramv2 a:focus-visible, body.ramv2 button:focus-visible, body.ramv2 input:focus-visible, body.ramv2 select:focus-visible { outline: 3px solid #F2C200 !important; outline-offset: 2px; }

/* ---------- 9. softer canvas: light grey-blue page, white cards (less glare on large screens) ---------- */
body.ramv2.single-product, body.ramv2.tax-product_cat, body.ramv2.post-type-archive-product,
body.ramv2.single-product #section-15-1422, body.ramv2.single-product #section-170-1422,
body.ramv2.tax-product_cat #section-17-1421, body.ramv2.post-type-archive-product #section-17-1421 { background: #E9EDF2 !important; }
body.ramv2.single-product .woocommerce-product-gallery { background: #FFFFFF; border: 1px solid #DDE3EA; border-radius: 16px; overflow: hidden; }
body.ramv2.single-product #div_block-20-1422 { background: #FFFFFF; border: 1px solid #DDE3EA; border-radius: 16px; padding: 24px !important; }
body.ramv2.single-product .ram-d-rest .ram-d-sec { background: #FFFFFF; border: 1px solid #DDE3EA; border-radius: 16px; padding: 24px 28px !important; margin: 0 0 16px !important; }
body.ramv2 .ram-f-body, body.ramv2 .woocommerce-ordering select { background: #FFFFFF !important; }
/* the big "Suport tehnic" photo block under the product is replaced by the footer's support strip */
body.ramv2 #section-144-1422 { display: none !important; }
