/* ================================== Diana Desserts WooCommerce Stilizare pagină de produs Lipire în: Aspect → Personalizare → CSS suplimentar ================================== */ /* Ascunde antetul implicit Astra doar pe paginile de produse WooCommerce */ .single-product .site-header, .single-product .ast-primary-header-bar, .single-product .ast-desktop-header, .single-product .ast-mobile-header-wrap, .single-product .main-header-bar, .single-product .ast-header-break-point .main-header-bar { display: none !important; } /* Fundal global al paginii de produs */ html body.single-product, body.single-product, body.single-product.woocommerce, .single-product #page, .single-product .site, .single-product .site-content, .single-product .content-area, .single-product .site-main, .single-product .ast-container { background: #fff9f1 !important; padding-top: 0 !important; margin-top: 0 !important; } /* Antet personalizat Diana pentru pagina de produs */ .dd-product-custom-header { lățime: 100% !important; background: rgba(255, 250, 243, 0.94); border-bottom: 1px solid #eadcc7; position: sticky; top: 0; z-index: 9999; backdrop-filter: blur(18px); display: block !important; clear: both !important; margin: 0 !important; } .dd-product-header-inner { max-width: 1200px; width: 100%; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; } .dd-product-logo { display: inline-flex; align-items: center; flex-shrink: 0; } .dd-product-logo img { height: 54px; width: auto; display: block; } .dd-product-nav { display: flex; align-items: center; justify-content: center; gap: 18px; flex: 1; } .dd-product-nav a { color: #6f5a45 !important; font-size: 14px; font-weight: 600; decorațiune-text: none !important; padding: 9px 7px; raza-border: 8px; înălțimea-liniei: 1.1; spațiu-alb: nowrap; } .dd-product-nav a:hover { culoare: #9b7330 !important; fundal: rgba(255, 241, 207, 0.55); } .dd-product-header-actions { afișare: flex; align-items: center; gap: 12px; flex-shrink: 0; } .dd-product-lang { afișare: flex; align-items: center; gap: 5px; fundal: #ffffff; border: 1px solid #eadcc7; raza-border: 999px; padding: 7px; box-shadow: 0 8px 20px rgba(63, 43, 22, 0.05); } .dd-product-lang span { raza-border: 999px; padding: 6px 10px; dimensiune-font: 12px; greutate-font: 800; culoare: #80684f; } .dd-product-lang span:first-child { fundal: #b68b3d; culoare: #ffffff; } .dd-product-join { afișare: inline-flex; align-items: center; justify-content: center; fundal: #b68b3d; culoare: #ffffff !important; raza-border: 999px; padding: 14px 22px; înălțime minimă: 48px; lățime minimă: 106px; greutate-font: 700; dimensiune-font: 14px; înălțime-linie: 1.1; decorațiune-text: none !important; spațiu-alb: nowrap; box-shadow: 0 10px 20px rgba(182, 139, 61, 0.18); } .dd-product-join:hover { background: #9f762f; } /* Înapoi la zona Rețete din meniul de produse */ .dd-product-back-wrap { max-width: none !important; width: 100% !important; background: #fff9f1 !important; margin: 0 !important; padding: 14px 0 0 !important; display: block !important; clear: both !important; position: relative; z-index: 5; } .dd-product-back-wrap .dd-back-recipes { margin-left: max(5%, calc((100% - 1180px) / 2)) !important; margin-top: 0 !important; margin-bottom: 0 !important; } .dd-back-recipes { display: inline-flex; align-items: center; gap: 8px; background: #ffffff; color: #9b7330 !important; bordură: 1px solid #d8b66d; bordură-radius: 999px; padding: 13px 22px; font-weight: 700; text-decoration: none !important; box-shadow: 0 8px 20px rgba(63, 43, 22, 0.05); } .dd-back-recipes:hover { background: #fff7e8; } /* Forțează zona de conținut Astra la lățime completă */ .single-product .ast-container, .single-product .site-content .ast-container { max-width: 100% !important; width: 100% !important; } /* Încărcător principal al produsului */ .single-product div.product { max-width: 1180px !important; width: 90% !important; margin: 18px auto 60px !important; padding: 40px !important; background: #fffaf3 !important; border-radius: 32px !important; border: 1px solid #eadcc7 !important; box-shadow: 0 20px 50px rgba(63, 43, 22, 0.08) !important; } /* Creează un aspect mai curat al produsului */ .single-product div.product div.images { width: 48% !important; } .single-product div.product div.summary { width: 48% !important; } /* Zona standard pătrată a imaginii produsului */ .single-product div.product div.images .woocommerce-product-gallery__wrapper, .single-product div.product div.images .woocommerce-product-gallery__image { aspect-ratio: 1 / 1 !important; width: 100% !important; overflow: hidden !important; border-radius: 28px !important; background: #fff1cf !important; } /* Forțează decuparea corespunzătoare a oricărei imagini a produsului la aceeași dimensiune */ .single-product div.product div.images img { width: 100% !important; înălțime: 100% !important; raport aspect: 1 / 1 !important; object-fit: cover !important; object-position: center !important; border-radius: 28px !important; box-shadow: 0 18px 45px rgba(63, 43, 22, 0.1) !important; } /* Ascunde pictograma zoom imagine / declanșator previzualizare */ .single-product .woocommerce-product-gallery__trigger { display: none !important; } /* Breadcrumb */ .single-product .woocommerce-breadcrumb { color: #80684f !important; font-size: 14px !important; margin-bottom: 18px !important; } .single-product .woocommerce-breadcrumb a { color: #9b7330 !important; } /* Titlu produs */ .single-product .product_title { font-family: "Playfair Display", Georgia, serif !important; font-size: 52px !important; line-height: 1.05 !important; color: #2b1d12 !important; margin-bottom: 16px !important; } /* Preț */ .single-product .price, .single-product .price .woocommerce-Price-amount { color: #9b7330 !important; font-size: 34px !important; font-weight: 500 !important; } /* Scurtă descriere */ .single-product .woocommerce-product-details__short-description { color: #6f5a45 !important; font-size: 17px !important; line-height: 1.8 !important; margin-top: 16px !important; margin-bottom: 24px !important; } /* Cantitate cutie */ .single-product .quantity input.qty { border: 1px solid #eadcc7 !important; border-radius: 12px !important; height: 45px !important; color: #2b1d12 !important; background: #ffffff !important; } /* Buton Adaugă în coș */ .single-product button.single_add_to_cart_button { background: #b68b3d !important; color: #ffffff !important; border-radius: 999px !important; padding: 14px 28px !important; font-weight: 700 !important; border: none !important; min-height: 48px !important; transition: 0.2s ease !important; } .single-product button.single_add_to_cart_button:hover { fundal: #9f762f !important; transformare: translateY(-1px); } /* Ascunde blocurile ciudate mov pentru plată / finalizare comandă express */ .single-product .wc-block-components-express-payment, .single-product .wc-block-components-express-payment__event-buttons, .single-product .wcpay-express-checkout-wrapper, .single-product .ppc-button-wrapper, .single-product .paypal-buttons, .single-product #ppc-button, .single-product .payment_method_ppcp-gateway, .single-product .wc-stripe-payment-request-wrapper, .single-product .woocommerce_payments_payment_request_button, .single-product .express-checkout, .single-product .express-payment { display: none !important; } /* Tab-uri WooCommerce / zona de descriere */ .single-product .woocommerce-tabs { margin-top: 40px !important; background: #ffffff !important; border: 1px solid #eadcc7 !important; border-radius: 28px !important; padding: 28px !important; } .single-product .woocommerce-tabs ul.tabs { padding-left: 0 !important; } .single-product .woocommerce-tabs ul.tabs li { border-radius: 999px !important; border: 1px solid #eadcc7 !important; background: #fff7e8 !important; } .single-product .woocommerce-tabs ul.tabs li.active { background: #b68b3d !important; } .single-product .woocommerce-tabs ul.tabs li.active a { color: #ffffff !important; } .single-product .woocommerce-tabs ul.tabs li a { color: #80684f !important; font-weight: 700 !important; } /* Blocuri suplimentare de informații despre produs */ .dd-product-extra { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 40px; } .dd-product-box { background: #ffffff; border: 1px solid #eadcc7; border-radius: 24px; padding: 26px; box-shadow: 0 12px 35px rgba(63, 43, 22, 0.06); } .dd-product-box h2 { font-family: "Playfair Display", Georgia, serif; color: #2b1d12; font-size: 28px; line-height: 1.2; margin: 0 0 14px; } .dd-product-box p, .dd-product-box li { color: #6f5a45; font-size: 16px; line-height: 1.8; } .dd-product-box ul { padding-left: 20px; margin: 0; } .dd-product-highlight { background: #fff2d4; border-color: #d8b66d; } /* Secțiunea CTA din partea de jos a paginilor de produse */ .dd-product-cta { max-width: 760px; margin: 70px auto 20px; background: #ffffff; bordură: 1px solid #d8b66d; rază-bordură: 32px; padding: 46px 30px; alignment text: center; box-shadow: 0 12px 35px rgba(63, 43, 22, 0.06); } .dd-product-cta img { înălțime: 62px; lățime: auto; margin-bottom: 18px; } .dd-product-cta h2 { familie-font-uri: "Playfair Display", Georgia, serif; culoare: #2b1d12; dimensiune-font: 38px; înălțime-linie: 1.1; margine: 0 0 16px; } .dd-product-cta p { culoare: #6f5a45; dimensiune-font: 16px; înălțime-linie: 1.7; lățime-max: 560px; margine: 0 auto 24px; } .dd-product-cta-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .dd-product-cta-actions a { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 13px 22px; font-weight: 700; text-decoration: none !important; } .dd-product-cta-primary { background: #b68b3d; color: #ffffff !important; } .dd-product-cta-secondary { background: #ffffff; color: #9b7330 !important; border: 1px solid #d8b66d; } /* Produse conexe */ .single-product .related.products { margin-top: 50px !important; } .single-product .related.products h2 { familie-font: "Playfair Display", Georgia, serif !important; culoare: #2b1d12 !important; } /* Antet de produs personalizat pentru mobil */ @media (lățime maximă: 980px) { .dd-product-header-inner { flex-wrap: wrap; } .dd-product-nav { order: 3; lățime: 100%; overflow-x: auto; gap: 10px; padding-top: 10px; } .dd-product-nav a { white-space: nowrap; } .dd-product-header-actions { margin-left: auto; } } /* Pagină de produs responsivă pentru mobil */ @media (lățime maximă: 768px) { .single-product div.product { lățime: 94% !important; margin: 18px auto 40px !important; padding: 20px !important; raza-border: 24px !important; } .single-product div.product div.images, .single-product div.product div.summary { lățime: 100% !important; } .single-product .product_title { dimensiune-font: 34px !important; } .single-product .price, .single-product .price .woocommerce-Price-amount { dimensiune-font: 28px !important; } .dd-product-extra { grid-template-columns: 1fr; } .dd-product-box { padding: 22px; } .dd-product-cta { margin-top: 40px; padding: 34px 22px; } .dd-product-cta h2 { dimensiune-font: 30px; } } @media (lățime maximă: 560px) { .dd-product-logo img { înălțime: 42px; } .dd-product-header-actions { lățime: 100%; justify-content: space-between; } .dd-product-lang { padding: 5px; } .dd-product-join { înălțime minimă: 42px; padding: 11px 18px; } .dd-product-back-wrap { padding: 10px 0 0 !important; } .dd-product-back-wrap .dd-back-recipes { margin-left: 16px !important; } } /* Ascunde breadcrumb-urile/linkurile către categorii WooCommerce pe paginile de produse */ .single-product .woocommerce-breadcrumb, .single-product .posted_in, .single-product .product_meta { display: none !important; } /* REZOLVARE FINALĂ — eliminați coloana interioară goală de finalizare a comenzii din Astra */ body.woocommerce-checkout #customer_details { display: block !important; } /* Facturarea și plata utilizează lățimea completă a detaliilor clientului */ body.woocommerce-checkout #customer_details .col-1 { display: block !important; width: 100% !important; max-width: none !important; float: none !important; grid-column: 1 / -1 !important; margin: 0 !important; box-sizing: border-box !important; } /* Această coloană este goală, dar Astra încă rezerva spațiu pentru ea */ body.woocommerce-checkout #customer_details .col-2 { display: none !important; } /* Zona de plată umple complet coloana din stânga */ body.woocommerce-checkout .woocommerce-additional-fields, body.woocommerce-checkout #payment, body.woocommerce-checkout .woocommerce-checkout-payment, body.woocommerce-checkout .wc_payment_methods, body.woocommerce-checkout #payment ul.payment_methods, body.woocommerce-checkout #payment div.payment_box { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } /* Ascunde doar antetul gol "Informații suplimentare" */ body.woocommerce-checkout .woocommerce-additional-fields > h3 { display: none !important; } /* Elimină etichetele rețetei de pe pagina principală */ .card .label { display: none !important; } /* Eliminați etichetele rețetei de pe pagina Rețete */ .dd-card .dd-label { display: none !important; } /* Păstrați un spațiu curat sub numele produsului */ .card .small, .dd-card .dd-small-link { margin-top: 12px !important; } /* Eliminați subsolul implicit Astra de sub subsolul personalizat Diana Desserts */ body footer#colophon, body .site-footer, body .site-below-footer-wrap, body .ast-small-footer, body .ast-footer-copyright { display: none !important; } /* Aspect compact al informațiilor despre produs */ .single-product .dd-product-compact { display: block !important; max-width: 720px !important; margin: 22px auto 28px !important; } .single-product .dd-product-compact .dd-product-box { width: 100% !important; lățime-max: 720px !important; înălțime-min: 0 !important; margin: 0 auto !important; padding: 24px 28px !important; } .single-product .dd-product-compact .dd-product-box h2 { margin: 0 0 12px !important; } .single-product .dd-product-compact .dd-product-box p { margin: 0 !important; înălțime-linie: 1.7 !important; } /* Îndemn la acțiune Kombo mai mic */ .single-product .dd-product-cta-compact { lățime: calc(100% - 40px) !important; lățime-max: 720px !important; margin: 28px auto !important; padding: 26px 28px !important; raza chenarului: 18px !important; } .single-product .dd-product-cta-compact img { lățime: auto !important; lățime-max: 150px !important; înălțime: auto !important; margin: 0 auto 14px !important; } .single-product .dd-product-cta-compact h2 { margin: 0 !important; font-size: 28px !important; line-height: 1.2 !important; } .single-product .dd-product-cta-compact p { lățime-max: 520px !important; margin: 12px auto 20px !important; line-height: 1.6 !important; } /* Butoane mai mici, aliniate uniform */ .single-product .dd-product-cta-actions { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; flex-wrap: wrap !important; } .single-product .dd-product-cta-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 135px !important; min-height: 38px !important; height: 38px !important; padding: 0 16px !important; margin: 0 !important; border-radius: 9px !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap !important; } /* Ascunde filele Descriere și Recenzii */ .single-product .woocommerce-tabs ul.tabs { display: none !important; } .single-product .woocommerce-tabs .woocommerce-Tabs-panel { margin-top: 0 !important; } @media (max-width: 600px) { .single-product .dd-product-compact { margin: 18px auto 22px !important; } .single-product .dd-product-compact .dd-product-box, .single-product .dd-product-cta-compact { padding: 22px 18px !important; } .single-product .dd-product-cta-compact h2 { font-size: 24px !important; } .single-product .dd-product-cta-actions { flex-direction: column !important; } .single-product .dd-product-cta-actions a { width: 100% !important; max-width: 230px !important; } } /* Ascunde produsele similare pe paginile de produse WooCommerce */ .single-product .related.products { display: none !important; } /* Ascundeți postările similare cu Jetpack pe paginile de produse */ body.single-product #jp-relatedposts, body.single-product .jp-relatedposts, body.single-product div#jp-relatedposts, body.single-product .jp-relatedposts-i2 { display: none !important; } /* ============================================================ DIANA DESSERTS — REPARAȚII MOBILE PAGINĂ DE PRODUS Lipiți întregul bloc ÎN PARTEA DE JOS a: Aspect → Personalizare → CSS suplimentar ============================================================= */ /* Vechile etichete de limbă din manual nu mai sunt necesare. TranslatePress controlează limba. */ .single-product .dd-product-lang { display: none !important; } /* Noul meniu mobil este ascuns pe desktop. */ .single-product .dd-product-menu, .single-product .dd-product-mobile { display: none; } /* Păstrați coșul injectat compact și aliniat corect. */ .single-product .dd-product-cart-slot:empty { display: none !important; } .single-product .dd-product-cart-slot { align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 0 !important; } .single-product .dd-product-cart-slot > * { flex: 0 0 auto !important; } /* Antet produs pentru tabletă/mobil */ @media (max-width: 980px) { .single-product .dd-product-custom-header { width: 100% !important; max-width: 100% !important; overflow: visible !important; } .single-product .dd-product-header-inner { width: 100% !important; lățime-max: 100% !important; înălțime-min: 68px !important; padding: 10px 14px !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 9px !important; box-sizing: border-box !important; } .single-product .dd-product-logo { lățime-min: 0 !important; flex: 0 1 auto !important; } .single-product .dd-product-logo img { înălțime: 44px !important; lățime: auto !important; lățime-max: 185px !important; object-fit: contain !important; } .single-product .dd-product-nav-desktop { display: none !important; } .single-product .dd-product-header-actions { lățime: auto !important; lățime-min: 0 !important; margin-left: auto !important; afișare: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; } .single-product .dd-product-menu { lățime: 44px !important; lățime minimă: 44px !important; înălțime: 44px !important; înălțime minimă: 44px !important; padding: 0 !important; bordură: 1px solid #eadcc7 !important; raza bordurii: 10px !important; fundal: #ffffff !important; culoare: #34231a !important; afișare: inline-flex !important; align-items: center !important; justify-content: center !important; dimensiune font: 21px !important; înălțime linie: 1 !important; cursor: pointer !important; umbră box: none !important; } .single-product .dd-product-mobile { afișare: niciunul !important; lățime: 100% !important; padding: 10px 16px 15px !important; chenar-sus: 1px solid #eadcc7 !important; fundal: #fffaf3 !important; dimensionarea-cutiei: chenar-box !important; } .single-product .dd-product-mobile.open { afișare: bloc !important; } .single-product .dd-product-mobile .dd-product-nav { lățime: 100% !important; afișare: grilă !important; coloane-șablon-grid: 1fr !important; spațiu: 4px !important; padding: 0 !important; depășire: vizibil !important; } .single-product .dd-product-mobile .dd-product-nav a { lățime: 100% !important; padding: 11px 8px !important; border-radius: 8px !important; font-size: 15px !important; line-height: 1.25 !important; text-align: left !important; white-space: normal !important; } } /* Resetare completă a lățimii mobile. Aceasta elimină coloanele și flotoarele pentru desktop-uri din Astra/WooCommerce. */ @media (lățime-max: 768px) { html, html body.single-product, body.single-product #page, body.single-product .site, body.single-product #content, body.single-product .site-content, body.single-product .ast-container, body.single-product #primary, body.single-product .content-area, body.single-product .site-main, body.single-product .ast-woocommerce-container, body.single-product .ast-article-single, body.single-product article, body.single-product .woocommerce { lățime: 100% !important; lățime-max: 100% !important; lățime-min: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } html body.single-product { overflow-x: hidden !important; } body.single-product #secondary, body.single-product .widget-area { display: none !important; } body.single-product .site-content, body.single-product .site-content > .ast-container, body.single-product #primary, body.single-product .content-area, body.single-product .site-main, body.single-product .ast-woocommerce-container, body.single-product .ast-article-single { padding-left: 0 !important; padding-right: 0 !important; } /* Buton Înapoi */ body.single-product .dd-product-back-wrap { lățime: 100% !important; padding: 12px 12px 0 !important; box-sizing: border-box !important; } body.single-product .dd-product-back-wrap .dd-back-recipes { margin: 0 !important; padding: 10px 14px !important; font-size: 13px !important; border-radius: 10px !important; } /* Fișă principală a produsului */ body.single-product div.product, body.single-product .woocommerce div.product { display: block !important; width: calc(100% - 24px) !important; max-width: none !important; min-width: 0 !important; margin: 14px 12px 34px !important; padding: 16px !important; border-radius: 22px !important; float: none !important; clear: both !important; overflow: visible !important; box-sizing: border-box !important; } body.single-product div.product::before, body.single-product div.product::after { content: "" !important; display: table !important; clear: both !important; } /* Imaginea produsului și rezumatul devin o singură coloană verticală curată */ body.single-product div.product div.images, body.single-product div.product div.summary, body.single-product .woocommerce-product-gallery, body.single-product .dd-custom-product-main-image { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } body.single-product div.product div.summary { padding-top: 22px !important; } /* Imagine produs */ body.single-product div.product div.images, body.single-product .woocommerce-product-gallery, body.single-product .dd-custom-product-main-image, body.single-product div.product div.images .woocommerce-product-gallery__wrapper, body.single-product div.product div.images .woocommerce-product-gallery__image { raport-aspect: auto !important; înălțime: auto !important; înălțime-min: 0 !important; raza-border: 18px !important; overflow: ascuns !important; } body.single-product div.product div.images img, body.single-product .dd-custom-product-main-image img { afișare: bloc !important; lățime: 100% !important; lățime-max: 100% !important; înălțime: auto !important; raport-aspect: 1 / 1 !important; object-fit: cover !important; border-radius: 18px !important; box-sizing: border-box !important; } /* Text produs */ body.single-product .product_title { lățime: 100% !important; lățime maximă: 100% !important; margin: 0 0 12px !important; font-size: 32px !important; înălțime linie: 1.08 !important; spațiere litere: -0.02em !important; overflow-wrap: normal !important; word-break: normal !important; cratime: none !important; } body.single-product .price, body.single-product .price .woocommerce-Price-amount { font-size: 27px !important; înălțime linie: 1.2 !important; } body.single-product .woocommerce-product-details__short-description, body.single-product .woocommerce-product-details__short-description p { lățime: 100% !important; lățime maximă: 100% !important; dimensiunea fontului: 15px !important; înălțimea liniei: 1.65 !important; overflow-wrap: normal !important; word-break: normal !important; } /* Cantitate și adăugare în coș */ body.single-product form.cart { lățime: 100% !important; lățime maximă: 100% !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin: 18px 0 !important; float: none !important; box-sizing: border-box !important; } body.single-product form.cart .quantity { flex: 0 0 auto !important; margin: 0 !important; } body.single-product form.cart button.single_add_to_cart_button { flex: 1 1 165px !important; lățime minimă: 0 !important; înălțime minimă: 46px !important; margin: 0 !important; padding: 12px 17px !important; înălțime linie: 1.15 !important; spațiu alb: normal !important; } /* Butoane de plată expres */ body.single-product .summary iframe, body.single-product .summary buton, body.single-product .summary .wcpay-payment-request-wrapper, body.single-product .summary #wcpay-payment-request-button, body.single-product .summary .wc-stripe-payment-request-wrapper, body.single-product .summary .payment-request-button, body.single-product .summary .express-payment, body.single-product .summary .express-checkout { lățime-max: 100% !important; dimensionare-box: border-box !important; } body.single-product .summary .wcpay-payment-request-wrapper, body.single-product .summary #wcpay-payment-request-button, body.single-product .summary .wc-stripe-payment-request-wrapper, body.single-product .summary .payment-request-button, body.single-product .summary .express-payment, body.single-product .summary .express-checkout { lățime: 100% !important; } /* Descriere, variație și casete post-cumpărare */ body.single-product .woocommerce-tabs, body.single-product .dd-product-extra, body.single-product .dd-product-box, body.single-product .dd-product-highlight, body.single-product .dd-product-cta { lățime: 100% !important; lățime maximă: 100% !important; lățime-min: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } body.single-product .woocommerce-tabs { margin-top: 26px !important; padding: 18px !important; border-radius: 18px !important; } body.single-product .dd-product-extra { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; margin-top: 24px !important; } body.single-product .dd-product-box { padding: 18px !important; border-radius: 18px !important; overflow: visible !important; } body.single-product .dd-product-box h2 { font-size: 25px !important; line-height: 1.16 !important; overflow-wrap: normal !important; word-break: normal !important; } body.single-product .dd-product-box p, body.single-product .dd-product-box li { font-size: 15px !important; line-height: 1.65 !important; overflow-wrap: normal !important; word-break: normal !important; } body.single-product .dd-product-cta { margin-top: 28px !important; padding: 28px 18px !important; border-radius: 20px !important; } body.single-product .dd-product-cta h2 { font-size: 28px !important; } body.single-product .dd-product-cta-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } body.single-product .dd-product-cta-actions a { width: 100% !important; box-sizing: border-box !important; } /* Subsolul produsului trebuie să utilizeze și lățimea completă a numerelor de telefon */ body.single-product .dd-final-footer, body.single-product .dd-final-footer-inner, body.single-product .dd-final-footer .dd-wrap, body.single-product .dd-footer-grid, body.single-product footer, body.single-product .site-footer { lățime: 100% !important; lățime maximă: 100% !important; lățime minimă: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } body.single-product .dd-final-footer .dd-wrap, body.single-product .dd-final-footer-inner { padding-left: 18px !important; padding-right: 18px !important; } body.single-product .dd-footer-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; } body.single-product .dd-footer-bottom { width: 100% !important; align-items: flex-start !important; flex-direction: column !important; } } @media (max-width: 430px) { .single-product .dd-product-header-inner { padding-left: 10px !important; padding-right: 10px !important; } .single-product .dd-product-logo img { height: 40px !important; max-width: 158px !important; } .single-product .dd-product-menu { width: 42px !important; min-width: 42px !important; height: 42px !important; înălțime-min: 42px !important; } body.single-product div.product, body.single-product .woocommerce div.product { lățime: calc(100% - 20px) !important; margin-left: 10px !important; margin-right: 10px !important; padding: 14px !important; } body.single-product .product_title { dimensiune-font: 29px !important; } body.single-product .dd-product-box { padding: 16px !important; } } /* ========================================================== DIANA DESSERTS — PRODUS FINAL SUPRAVEGHEREA Aspectului Mobil/Tabletă Lipiți acest bloc chiar în partea de jos a: Aspect → Personalizare → CSS suplimentar Aceasta începe în mod deliberat de la 1024px deoarece randarea actuală a iPhone-ului respectă în continuare regulile mai vechi pentru desktop/tabletă. ============================================================= */ @media (lățime maximă: 1024px) { /* Previne orice depășire orizontală a paginii de produs */ html, body.single-product, body.single-product #page, body.single-product .site, body.single-product #content, body.single-product .site-content, body.single-product .ast-container, body.single-product #primary, body.single-product .content-area, body.single-product .site-main, body.single-product .ast-woocommerce-container, body.single-product article, body.single-product .woocommerce { lățime: 100% !important; lățime-max: 100% !important; lățime-min: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } html, body.single-product { overflow-x: hidden !important; } body.single-product #secondary, body.single-product .widget-area { display: none !important; } /* Înapoi la Rețete */ body.single-product .dd-product-back-wrap { lățime: 100% !important; padding: 12px 14px 0 !important; box-sizing: border-box !important; } body.single-product .dd-product-back-wrap .dd-back-recipes { margin: 0 !important; padding: 10px 14px !important; min-height: 42px !important; font-size: 13px !important; border-radius: 10px !important; } /* Fișă principală de produs WooCommerce */ body.single-product .woocommerce div.product, body.single-product div.product { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: calc(100% - 24px) !important; max-width: none !important; min-width: 0 !important; margin: 14px 12px 34px !important; padding: 18px !important; gap: 0 !important; border-radius: 22px !important; float: none !important; clear: both !important; overflow: visible !important; box-sizing: border-box !important; } /* Fiecare secțiune majoră de produse directe umple cardul */ body.single-product .woocommerce div.product > *, body.single-product div.product > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; float: none !important; clear: both !important; box-sizing: border-box !important; } /* Galeria și rezumatul devin un aspect vertical curat */ body.single-product .woocommerce div.product div.images, body.single-product div.product div.images, body.single-product .woocommerce-product-gallery, body.single-product .images, body.single-product .summary, body.single-product .entry-summary { display: block !important; width: 100% !important; max-width: 100% !important; lățime-min: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; position: relative !important; box-sizing: border-box !important; } body.single-product .summary, body.single-product .entry-summary, body.single-product div.product div.summary { padding-top: 24px !important; } /* Imagine mare a produsului pe toată lățimea */ body.single-product .woocommerce-product-gallery__wrapper, body.single-product .woocommerce-product-gallery__image, body.single-product div.product div.images .woocommerce-product-gallery__wrapper, body.single-product div.product div.images .woocommerce-product-gallery__image, body.single-product .dd-custom-product-main-image { display: block !important; lățime: 100% !important; lățime-max: 100% !important; lățime-min: 0 !important; înălțime: auto !important; înălțime-min: 0 !important; margin: 0 !important; padding: 0 !important; raport-aspect: 1 / 1 !important; raza-border: 18px !important; overflow: hidden !important; dimensionarea-box-ului: casetă-border !important; } body.single-product div.product div.images img, body.single-product .woocommerce-product-gallery img, body.single-product .woocommerce-product-gallery__image img, body.single-product .dd-custom-product-main-image img, body.single-product div.product img.wp-post-image { display: block !important; lățime: 100% !important; lățime-max: 100% !important; lățime-min: 100% !important; înălțime: 100% !important; înălțime maximă: nimic !important; margină: 0 !important; padding: 0 !important; raport aspect: 1 / 1 !important; object-fit: cover !important; object-position: center !important; border-radius: 18px !important; box-sizing: border-box !important; } /* Tipografie de produs mai curată */ body.single-product .product_title, body.single-product h1.product_title { display: block !important; lățime: 100% !important; lățime maximă: 100% !important; margină: 0 0 12px !important; padding: 0 !important; dimensiune font: 36px !important; înălțime linie: 1.08 !important; spațiere litere: -0.025em !important; overflow-wrap: normal !important; word-break: normal !important; cratime: nimic !important; } body.single-product .price, body.single-product .price .woocommerce-Price-amount { display: block !important; lățime: 100% !important; margin: 0 0 18px !important; font-size: 27px !important; line-height: 1.2 !important; } body.single-product .woocommerce-product-details__short-description, body.single-product .woocommerce-product-details__short-description p, body.single-product .summary p, body.single-product .entry-summary p { lățime: 100% !important; lățime maximă: 100% !important; lățime minimă: 0 !important; margin-left: 0 !important; margin-right: 0 !important; font-size: 16px !important; înălțime linie: 1.65 !important; spațiere litere: 0 !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; box-sizing: border-box !important; } body.single-product .woocommerce-product-details__short-description { margin: 0 0 20px !important; } /* Cantitate și Adăugare în Coș */ body.single-product form.cart { display: flex !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 12px !important; margin: 18px 0 !important; padding: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } body.single-product form.cart .quantity { flex: 0 0 auto !important; margin: 0 !important; } body.single-product form.cart button.single_add_to_cart_button { flex: 1 1 170px !important; lățime: auto !important; lățime maximă: 100% !important; lățime minimă: 150px !important; înălțime minimă: 48px !important; margin: 0 !important; padding: 12px 20px !important; font-size: 15px !important; line-height: 1.15 !important; white-space: normal !important; } /* Apple Pay / Google Pay / plăți expres */ body.single-product .summary iframe, body.single-product .summary button, body.single-product .summary > div, body.single-product .wcpay-payment-request-wrapper, body.single-product #wcpay-payment-request-button, body.single-product .wc-stripe-payment-request-wrapper, body.single-product .payment-request-button, body.single-product .express-payment, body.single-product .express-checkout { lățime: 100% !important; lățime-maxă: 100% !important; lățime-mină: 0 !important; margin-left: 0 !important; margin-right: 0 !important; dimensionare-box: border-box !important; } /* Tab-uri și informații personalizate despre produs */ body.single-product .woocommerce-tabs, body.single-product .woocommerce-Tabs-panel, body.single-product .dd-product-extra, body.single-product .dd-product-extra.dd-product-compact, body.single-product .dd-product-box, body.single-product .dd-product-highlight, body.single-product .dd-product-cta, body.single-product .dd-product-cta.dd-product-cta-compact { display: block !important; lățime: 100% !important; lățime maximă: 100% !important; lățime minimă: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } body.single-product .woocommerce-tabs { margin-top: 26px !important; padding: 16px !important; border-radius: 18px !important; } body.single-product .dd-product-extra, body.single-product .dd-product-extra.dd-product-compact { margin-top: 22px !important; } body.single-product .dd-product-box { margin-bottom: 16px !important; padding: 20px !important; border-radius: 18px !important; overflow: visible !important; } body.single-product .dd-product-box:last-child { margin-bottom: 0 !important; } body.single-product .dd-product-box h2 { width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; font-size: 25px !important; line-height: 1.18 !important; overflow-wrap: normal !important; word-break: normal !important; cratime: none !important; } body.single-product .dd-product-box p, body.single-product .dd-product-box li { lățime: auto !important; lățime maximă: none !important; dimensiune font: 15px !important; înălțime linie: 1.65 !important; overflow-wrap: normal !important; întrerupere cuvânt: normal !important; cratime: none !important; } body.single-product .dd-product-box ul { lățime: 100% !important; lățime maximă: 100% !important; padding-left: 21px !important; dimensionare cutie: border-box !important; } body.single-product .dd-product-cta, body.single-product .dd-product-cta.dd-product-cta-compact { margin-top: 26px !important; padding: 26px 18px !important; border-radius: 20px !important; } body.single-product .dd-product-cta h2 { font-size: 28px !important; line-height: 1.15 !important; } body.single-product .dd-product-cta-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; width: 100% !important; } body.single-product .dd-product-cta-actions a { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Subsol cu lățime completă */ body.single-product .dd-final-footer, body.single-product .dd-final-footer-inner, body.single-product .dd-final-footer .dd-wrap, body.single-product .dd-footer-grid, body.single-product footer, body.single-product .site-footer { lățime: 100% !important; lățime maximă: 100% !important; lățime minimă: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; } body.single-product .dd-final-footer .dd-wrap, body.single-product .dd-final-footer-inner { padding-left: 18px !important; padding-right: 18px !important; } body.single-product .dd-footer-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; } body.single-product .dd-footer-bottom { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; } } @media (max-width: 430px) { body.single-product .woocommerce div.product, body.single-product div.product { width: calc(100% - 16px) !important; margin-left: 8px !important; margin-right: 8px !important; padding: 14px !important; } body.single-product .product_title, body.single-product h1.product_title { font-size: 32px !important; } body.single-product .dd-product-box { padding: 17px !important; } }