/*
Theme Name: Astra Child
Template: astra
*/

/* === FUNDAL GENERAL === */
body {
    background: linear-gradient(135deg, #1a0022 0%, #4a148c 50%, #a259e6 100%) !important;
    color: #fff;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    min-height: 100vh;
}

/* === HEADER & LOGO === */
.site-header, .ast-site-header, .ast-header-break-point {
    background: rgba(26, 0, 34, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
    border-bottom: 1px solid rgba(162, 89, 230, 0.2);
}
.site-title, .ast-site-title {
    color: #fff !important;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 1.8rem;
}

/* === MENIU NAVIGAȚIE === */
.main-header-menu, .ast-builder-menu, .main-navigation, .ast-header-navigation {
    background: transparent !important;
}
.main-header-menu li a, .ast-builder-menu li a, .main-navigation li a {
    color: #fff !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 12px 20px;
    border-radius: 25px;
    transition: all 0.3s ease;
    margin: 0 5px;
}
.main-header-menu li a:hover, .ast-builder-menu li a:hover, .main-navigation li a:hover,
.main-header-menu li.current-menu-item a, .ast-builder-menu li.current-menu-item a, .main-navigation li.current-menu-item a {
    background: transparent !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(162, 89, 230, 0.4);
}

/* === MENIU LATERAL WOOCOMMERCE MY ACCOUNT === */
.woocommerce-MyAccount-navigation {
    background: rgba(74, 20, 140, 0.9);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 8px;
}

.woocommerce-MyAccount-navigation li a {
    color: #fff !important;
    text-decoration: none;
    padding: 12px 20px;
    display: block;
    border-radius: 10px;
    transition: all 0.3s ease;
    font-weight: 500;
    font-size: 1rem;
}

.woocommerce-MyAccount-navigation li a:hover {
    background: rgba(162, 89, 230, 0.3) !important;
    color: #fff !important;
    transform: translateX(5px);
}

.woocommerce-MyAccount-navigation li.is-active a {
    background: #fff !important;
    color: #2d0036 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    transform: translateX(5px);
}

/* === CONTENUT MY ACCOUNT === */
.woocommerce-MyAccount-content {
    background: rgba(74, 20, 140, 0.9);
    border-radius: 15px;
    padding: 30px;
    border: 1px solid rgba(162, 89, 230, 0.2);
    backdrop-filter: blur(10px);
}

/* === HEADINGS === */
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
    letter-spacing: 0.5px;
}
h1 {
    font-size: 2.5rem;
    line-height: 1.2;
}
h2 {
    font-size: 2rem;
}
h1 span, h2 span, h3 span, .highlight, .accent {
    color: #a259e6;
    font-weight: 900;
}

/* === BUTOANE === */
button, .button, .btn, input[type="submit"], input[type="button"], .wp-block-button__link, .wp-element-button, a.button, a.btn {
    background: linear-gradient(135deg, #a259e6 0%, #8e44ad 100%) !important;
    color: #fff !important;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1rem;
    padding: 15px 40px;
    margin: 10px 5px;
    box-shadow: 0 4px 15px rgba(162, 89, 230, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    display: inline-block;
}
button:hover, .button:hover, .btn:hover, input[type="submit"]:hover, input[type="button"]:hover, .wp-block-button__link:hover, .wp-element-button:hover, a.button:hover, a.btn:hover {
    background: linear-gradient(135deg, #8e44ad 0%, #a259e6 100%) !important;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(162, 89, 230, 0.5);
}

/* === CARDURI / BOXURI === */
.card, .pricing-table, .woocommerce .product, .woocommerce-cart .cart-collaterals, .woocommerce-account .woocommerce-MyAccount-content, .form-row, .wp-block-group {
    background: rgba(74, 20, 140, 0.9);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(162, 89, 230, 0.2);
    backdrop-filter: blur(10px);
}

/* === FORMULARE === */
input, textarea, select {
    background: rgba(26, 0, 34, 0.8) !important;
    color: #fff !important;
    border: 2px solid rgba(162, 89, 230, 0.3) !important;
    border-radius: 15px !important;
    padding: 15px 20px;
    font-size: 1rem;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
}
input:focus, textarea:focus, select:focus {
    border-color: #a259e6 !important;
    background: rgba(74, 20, 140, 0.9) !important;
    outline: none;
    box-shadow: 0 0 20px rgba(162, 89, 230, 0.3);
}
input::placeholder, textarea::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1;
}
label {
    color: #fff !important;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 0.95rem;
}

/* === TABEL & THEAD === */
table, th, td {
    border: none !important;
    background: transparent !important;
    color: #fff !important;
}
thead {
    background: rgba(74, 20, 140, 0.5) !important;
}
th {
    color: #dacae9 !important;
    font-weight: 700;
    border-bottom: 2px solid #a259e6 !important;
    padding: 15px;
}

/* === MESAJE WOOCOMMERCE === */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    background: rgba(74, 20, 140, 0.9) !important;
    color: #fff !important;
    border: 2px solid #a259e6 !important;
    border-radius: 15px !important;
    padding: 20px 25px;
    font-size: 1rem;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.woocommerce-message strong, .woocommerce-info strong, .woocommerce-error strong {
    color: #a259e6 !important;
}

/* === SELECT2 (dropdown WooCommerce) === */
.select2-container .select2-selection {
    background: rgba(26, 0, 34, 0.8) !important;
    color: #fff !important;
    border: 2px solid rgba(162, 89, 230, 0.3) !important;
    border-radius: 15px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.select2-container .select2-selection__rendered {
    color: #fff !important;
    font-size: 1rem;
}
.select2-container .select2-selection__arrow {
    color: #fff !important;
}
.select2-container .select2-results__option {
    background: rgba(74, 20, 140, 0.9) !important;
    color: #fff !important;
}
.select2-container .select2-results__option--highlighted {
    background: #a259e6 !important;
    color: #fff !important;
}

/* === TEXTURI ACCENTUATE === */
.accent, .highlight, .woocommerce-Price-amount, .price, .woocommerce-Price-currencySymbol {
    color: #d4c5e1 !important;
    font-weight: 700;
}

/* === FOOTER === */
.site-footer, .ast-footer-bar, footer, #colophon {
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 40px 0 20px;
    margin-top: 60px;
}
.site-footer .site-title, .ast-footer-bar .site-title, .site-footer .custom-logo-link, .site-footer .custom-logo {
    color: #fff !important;
    font-weight: 900;
    font-size: 1.8rem;
    margin-bottom: 20px;
    display: block;
}
.site-footer a, .ast-footer-bar a, footer a, #colophon a {
    color: #a259e6 !important;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 500;
}
.site-footer a:hover, .ast-footer-bar a:hover, footer a:hover, #colophon a:hover {
    color: #fff !important;
    text-decoration: underline;
}
.site-footer h4, .ast-footer-bar h4, .footer-widget-title {
    color: #fff !important;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 15px;
}
.site-footer .footer-contact, .site-footer .footer-partners, .ast-footer-bar .footer-contact, .ast-footer-bar .footer-partners {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 20px;
}
.site-footer .footer-contact i, .site-footer .footer-contact svg {
    color: #a259e6;
    margin-right: 8px;
    font-size: 1.1em;
    vertical-align: middle;
}
.site-footer .footer-partners img, .ast-footer-bar .footer-partners img {
    max-height: 40px;
    margin: 0 15px 10px 0;
    vertical-align: middle;
    filter: none;
    transition: filter 0.3s ease;
}
.site-footer .footer-partners img:hover, .ast-footer-bar .footer-partners img:hover {
    filter: brightness(1.2) drop-shadow(0 0 10px #a259e6);
}
.site-footer .site-info, .ast-footer-bar .site-info, .footer-copyright, .footer-legal, .site-footer .copyright, .site-footer .disclaimer {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.9rem;
    margin-top: 20px;
    text-align: center;
    line-height: 1.5;
}

/* === ALTE DETALII === */
hr {
    border: none;
    border-top: 2px solid #a259e6;
    margin: 40px 0;
    opacity: 0.3;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #a259e6, #8e44ad);
    border-radius: 10px;
}
::-webkit-scrollbar {
    background: rgba(26, 0, 34, 0.8);
    width: 12px;
}

/* === SPAȚIERE ȘI COLȚURI ROTUNJITE === */
body, input, button, select, textarea, .card, .pricing-table, .woocommerce .product, .woocommerce-cart .cart-collaterals, .woocommerce-account .woocommerce-MyAccount-content, .form-row, .wp-block-group {
    border-radius: 15px;
}

/* === ELIMINĂ CAPITALIZAREA AUTOMATĂ === */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, .site-title, .ast-site-title, 
.ast-site-header-cart, .woocommerce, .woocommerce-loop-product__title, 
.woocommerce-page, .entry-title, .menu-item a, .ast-builder-menu, .ast-builder-layout-element {
    text-transform: none !important;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    .site-footer, .ast-footer-bar, footer, #colophon {
        text-align: center;
        padding: 30px 20px 15px;
    }
    .site-footer .footer-partners img, .ast-footer-bar .footer-partners img {
        margin: 0 10px 10px 0;
        max-height: 35px;
    }
    button, .button, .btn, input[type="submit"], input[type="button"], .wp-block-button__link, .wp-element-button, a.button, a.btn {
        padding: 12px 30px;
        font-size: 0.95rem;
    }
}
ins, mark {
    color: #d7b9f0;
    background: 0 0;
    text-decoration: none;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address-title, .woocommerce .woocommerce-Addresses .woocommerce-column__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title, .woocommerce .woocommerce-MyAccount-content .woocommerce-column__title, .woocommerce .woocommerce-customer-details .woocommerce-Address-title, .woocommerce .woocommerce-customer-details .woocommerce-column__title, .woocommerce-account .woocommerce-Addresses .woocommerce-Address-title, .woocommerce-account .woocommerce-Addresses .woocommerce-column__title, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title, .woocommerce-account .woocommerce-customer-details .woocommerce-Address-title, .woocommerce-account .woocommerce-customer-details .woocommerce-column__title {
    background: transparent;
    padding: .5em;
    margin-bottom: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--ast-border-color);
}
a {
    color: #d0c1e8;
}
legend {
    color: #d0c1e8;
    border: 0;
    padding: 0;
}
.wps_sfw_details_wrap table.shop_table tr:nth-of-type(even), .wps_sfw_account_wrap table tbody tr:nth-of-type(even) {
    background: transparent;
}
.wps_sfw_details_wrap h3 {
    padding: 10px 15px;
    font-size: 24px;
    margin: 0 0 10px;
    font-weight: 500;
    line-height: 1.25;
    color: white;
    background: transparent;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    cursor: default;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: white;
    text-decoration: none;
}


/* =========================================================
   FUVIO – Fine tune (WordPress Astra) ca să se potrivească
   cu forms.fuvio-academy.com, fără să schimbe tema existentă
   Pune blocul la FINAL în Additional CSS
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap");

/* 1) Tipografie: doar headings pe Nunito (Inter rămâne pentru body) */
h1, h2, h3, h4, h5, h6,
.entry-title, .widget-title,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-checkout h3,
.woocommerce-cart h2 {
  font-family: "Nunito", "Inter", "Segoe UI", Arial, sans-serif !important;
  letter-spacing: -0.01em;
}

/* 2) Container: “air” + lizibilitate (fără să schimbe layout-ul) */
.ast-container,
.woocommerce .site-main,
.woocommerce-page .site-main {
  padding-left: clamp(14px, 2vw, 22px);
  padding-right: clamp(14px, 2vw, 22px);
}

/* 3) Carduri: reduc “greutatea” vizuală + border mai fin */
.card, .pricing-table, .woocommerce .product,
.woocommerce-cart .cart-collaterals,
.woocommerce-account .woocommerce-MyAccount-content,
.form-row, .wp-block-group,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  border: 1px solid rgba(162, 89, 230, 0.16) !important; /* mai fin */
  box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important;   /* puțin mai “soft” */
}

/* 4) Text în carduri: contrast mai controlat (alb pur obosește) */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.card, .pricing-table, .wp-block-group,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
  color: rgba(255,255,255,0.92) !important;
}

/* 5) Linkuri în zone “dark”: hover mai clar, fără underline agresiv */
.woocommerce a:hover,
.woocommerce-page a:hover,
.site-footer a:hover,
#colophon a:hover {
  text-decoration: none !important;
  filter: brightness(1.1);
}

/* 6) Butoane: păstrează gradientul tău, doar consistență + focus “Moodle-like” */
button, .button, .btn,
input[type="submit"], input[type="button"], input[type="reset"],
.wp-block-button__link, .wp-element-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 999px !important;
  letter-spacing: 0.2px;
}

button:focus, .button:focus, .btn:focus,
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus,
.wp-block-button__link:focus, .wp-element-button:focus,
.woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(106, 0, 255, 0.22), 0 8px 25px rgba(162, 89, 230, 0.35) !important;
}

/* 7) Form fields: mai uniforme, fără să schimbi culorile */
input, textarea, select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border-width: 1px !important;
}

/* 8) Woo tables: păstrezi transparent, dar faci rândurile mai “citibile” */
.woocommerce table.shop_table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.woocommerce table.shop_table td {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* 9) Tabs produs: active state mai clar (în prezent sunt cam “plate”) */
.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(162, 89, 230, 0.35);
  border-bottom: 2px solid rgba(162, 89, 230, 0.85);
  padding-bottom: .6em !important;
}

/* 10) Checkout: box-uri mai consistente + spațiere mai bună */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout #order_review {
  border-radius: 18px !important;
}

/* 11) Mesaje Woo: icon + spacing mai “clean” */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  line-height: 1.55;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
  margin-top: 2px;
}

/* 12) Mic detaliu: selection highlight “brand” */
::selection {
  background: rgba(162, 89, 230, 0.35);
  color: #fff;
}

/* =========================================================
   FIX: Checkout WooCommerce – elimină box-urile albe
   (Detalii comandă / Adresă de facturare / etc.)
   ========================================================= */

/* 1) Cutii principale checkout (customer details + order review) */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  background: rgba(74, 20, 140, 0.90) !important;
  border: 1px solid rgba(162, 89, 230, 0.20) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.22) !important;
  backdrop-filter: blur(10px);
}

/* 2) Asigură padding (uneori col-urile au alb + padding 0) */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  padding: 26px !important;
}

/* 3) Unele teme pun background alb pe headings/fieldset/legend */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout fieldset,
.woocommerce-checkout legend,
.woocommerce-checkout h3 {
  background: transparent !important;
}

/* 4) Dacă există wrapper intern alb (foarte frecvent) */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .shop_table,
.woocommerce-checkout .woocommerce-checkout-payment ul,
.woocommerce-checkout .payment_box {
  background: transparent !important;
}

/* 5) Culori text în acele zone (ca să nu rămână gri/neggru pe dark) */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review * {
  color: #fff !important;
}

/* 6) Rânduri tabel în order review – separator discret (fără alb) */
.woocommerce-checkout #order_review table tr,
.woocommerce-checkout #order_review table th,
.woocommerce-checkout #order_review table td {
  background: transparent !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* =========================================================
   FIX: elimină fundalul de pe titlul "Detalii comandă"
   ========================================================= */

.woocommerce-order-details__title {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 1rem;
    color: #ffffff !important; /* păstrăm text alb pentru tema dark */
}

.wc-blocks-components-select .wc-blocks-components-select__container {
	background: none;}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
    color: white;
}
.wc-block-components-product-price {
    display: none;
}

.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title {
    background: none;

}