/*
Theme Name: Slopey Theme
Description: Child Theme For Divi
Author: Stipe Splivalo
Author URI: https://kungfu.digital
Template: Divi
*/

/* =========================================
   CUSTOM CSS
============================================ */
/* --- Lightbox fix --- */
.mfp-container {
    width: calc(100% - 8px) !important; /* oduzima padding sa svake strane */
}

body[style*="margin-right"],
html[style*="margin-right"] {
    margin-right: 0 !important;  /* nadjačava inline margin-right */
    overflow: visible !important; /* omogućava scroll */
}

@media (max-width: 768px) {
    .mfp-container {
        width: 100% !important; /* lightbox puni width na mobilnim */
    }
}

/* --- WooCommerce gallery --- */
/* Onemogućuje klik na slike proizvoda */
.woocommerce-product-gallery__wrapper a {
    pointer-events: none;
}

/* My Account buttons – samo manji button */
body.woocommerce-account.woocommerce-orders 
.woocommerce a.button,
body.woocommerce-account.woocommerce-orders 
.woocommerce button.button,
body.woocommerce-account.woocommerce-orders 
.woocommerce input.button,
body.woocommerce-account.woocommerce-orders 
.woocommerce-message a.button.wc-forward,
body.woocommerce-account.woocommerce-orders 
.et_pb_button,
body.woocommerce-account.woocommerce-orders 
.et_button_no_icon,
body.woocommerce-account.woocommerce-orders 
.et_button_icon_visible,
body.woocommerce-account.woocommerce-orders 
.et_button_left {
    color: #ffffff !important;   /* bijeli tekst – zadržano */
    outline: none !important;    /* zadržano */
    font-size: 16px !important;  /* manji font */
    padding: 6px 14px !important; /* manji button */
    line-height: 1.0 !important;  /* kompaktniji tekst */
}

/* Ukloni strelicu sa buttona */
body.woocommerce-account.woocommerce-orders 
.woocommerce a.button:after,
body.woocommerce-account.woocommerce-orders 
.woocommerce button.button:after,
body.woocommerce-account.woocommerce-orders 
.woocommerce input.button:after,
body.woocommerce-account.woocommerce-orders 
.woocommerce-message a.button.wc-forward:after,
body.woocommerce-account.woocommerce-orders 
.et_pb_button:after,
body.woocommerce-account.woocommerce-orders 
.et_button_no_icon:after,
body.woocommerce-account.woocommerce-orders 
.et_button_icon_visible:after,
body.woocommerce-account.woocommerce-orders 
.et_button_left:after {
    content: none !important;
}





/* --- Address title --- */
/* Stil edit linka i naslov adrese */
.woocommerce-account .addresses .title .edit {
    float: left !important;
    padding-bottom: 10px;
}

.woocommerce-Address-title h2,
.woocommerce-Address-title {
    padding: 0;
}

/* --- Save changes buttons --- */
/* Margin za Save Changes i Save Address gumbe */
body.woocommerce-account.woocommerce-edit-account .woocommerce-Button.button,
button[name="save_address"] {
    margin-top: 20px !important;
}

/* --- Select2 uniform style --- */
/* Stiliziranje dropdown selekcija */
.select2-container .select2-selection,
.et_pb_wc_cart_totals .select2-container--default .select2-selection--single,
.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single,
.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
    -webkit-appearance: none !important;
    background-color: #eee !important; /* pozadina jednaka inputima */
    max-width: 100% !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    color: #999 !important;
    font-size: 14px !important;
    padding: 14px !important;
    line-height: 1.7em !important;
    border-style: solid !important;
}

.et_pb_wc_cart_totals .select2-container .select2-selection--single .select2-selection__rendered,
.et_pb_wc_checkout_billing .select2-container .select2-selection--single .select2-selection__rendered,
.et_pb_wc_checkout_shipping .select2-container .select2-selection--single .select2-selection__rendered {
    padding: .5em;
    line-height: normal;
    box-sizing: border-box;
    color: var(--wc-form-color-text, #444);
    font-weight: 400;
}

.et_pb_wc_cart_totals .select2-container--default .select2-selection--single .select2-selection__arrow,
.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single .select2-selection__arrow,
.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 2px;
    right: .5em;
    height: 100%;
    width: 16px;
}

/* Stil kada se dropdown otvori */
.select2-container.select2-container--open .select2-dropdown--below {
    border: 1px solid #cccccc !important;
}

/* --- Inputs uniform style --- */
/* Stil za quantity input, tekst inpute i textarea */
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.et_pb_wc_cart_totals .select2-container--default .select2-selection--single,
.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single,
.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
    -webkit-appearance: none;
    background-color: #eee;
    max-width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #202020;
    font-size: 14px;
    padding: 16px;
    line-height: 1.7em;
    border-style: solid;
}

/* --- Pseudo-element gumbi na Edit Account/Edit Address --- */
body.woocommerce-account.woocommerce-edit-account 
body.woocommerce-account.woocommerce-edit-address 
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    position: relative;
}

body.woocommerce-account.woocommerce-edit-account 
body.woocommerce-account.woocommerce-edit-address 
.woocommerce a.button:after,
.woocommerce button.button:after,
.woocommerce input.button:after,
.woocommerce #respond input#submit:after {
    content: 'E' !important; /* simbol */
    font-size: 20px !important;
}

/* --- Woo My Account navigation --- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 26%;
}

/* WooCommerce My Account navigation - mobile */
@media (max-width: 980px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
	padding-bottom: 30px;
  }
}


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


/* WooCommerce My Account - mobile */
@media (max-width: 980px) {
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
}
}




nav.woocommerce-MyAccount-navigation a {
    display: block;
    background: #eee;
    padding: 1em;
    color: #000;
    font-weight: 600;
    font-size: .9em;
    letter-spacing: 0.02em;
    margin-bottom: 2px;
    transition: all .3s;
}

nav.woocommerce-MyAccount-navigation a:hover {
    background: #f3f3f3;
    color: #fff;
}

nav.woocommerce-MyAccount-navigation li.is-active a {
    color: #fff;
    background: #202020;
}

/* --- Login form checkbox + button --- */
.woocommerce-form-login .form-row:nth-of-type(3) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.woocommerce-form-login .form-row:nth-of-type(3) .woocommerce-form-login__submit {
    order: 1;
}

.woocommerce-form-login .form-row:nth-of-type(3) .woocommerce-form-login__rememberme {
    order: 2;
}

/* --- Woo messages --- */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background: #ccc !important;
    border-radius: 4px !important;
    color: #202020 !important;
}

/* --- Cart/Checkout spacing --- */
body.woocommerce-cart .container,
body.woocommerce-checkout .container {
    padding-bottom: 50px;
}

/* --- Thank you page --- */
body.woocommerce-order-received .et_pb_column_2_5 {
    width: 100% !important;
    max-width: 1080px;
    margin: 0 auto;
}

body.woocommerce-order-received .et_pb_wc_checkout_payment_info_0_tb_body .woocommerce-checkout #payment,
body.woocommerce-order-received .et_pb_wc_checkout_payment_info_0_tb_body .woocommerce-order {
    padding: 0;
    background: #fff !important;
}

.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received {
    font-size: 20px;
    padding-bottom: 20px;
}

/* R1 */
#naplata_r1 p:has(strong) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Adresa na thank you da bude ko r1 */
.woocommerce-order-received .woocommerce-customer-details address {
    border: none !important;
    padding: 0 !important;
}

#naplata_r1 .woocommerce-customer-details--phone {
    padding-bottom: 0 !important;
}

@media only screen and (max-width: 767px) {
    .woocommerce-order-received .col2-set .col-1,
    .woocommerce-order-received .col2-set .col-2 {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .woocommerce-order-received .et_pb_section_0_tb_body.et_pb_section {
        padding-top: 30px;
        padding-bottom: 0px;
    }
}
 .woocommerce ul.order_details {
    margin: 0 0 2em !important;
    list-style: none;
    padding: 0;
}

.woocommerce table.shop_table {
    border: none;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    padding: 9px 0px;
}

/* --- Thank you bankovni detalji --- */
.woocommerce .wc-bacs-bank-details-account-name {
    font-size: 14px;
	line-height: 1.4;
}

/* thank you poravnanje adrese s tablicom */
/* Thank You stranica – dvije kolone (naplata i dostava) */
.woocommerce-order-details .col2-set .col-1,
.woocommerce-customer-details .col2-set .col-1 {
    width: 50%;
}

.woocommerce-order-details .col2-set .col-2,
.woocommerce-customer-details .col2-set .col-2 {
    width: 50%;
}

/* Ako želiš i tablice na Thank You stranici pola širine */
.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td {
    width: 50%;
}


/* --- Customer/order details spacing --- */
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
    margin: 2em 0 !important;
}

.woocommerce ul.order_details {
    margin: 0 0 2em !important;
    list-style: none;
}

/* --- Center content vertically --- */
.center-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* --- Plugin tweaks --- */
.cfvsw-selected-label {
    display: none; /* uklanja naziv boje */
}

.woocommerce a.added_to_cart {
    display: none; /* uklanja "dodano u košaricu" poruku */
}

/* --- Divi contact form inline --- */
.pa-checkboxes-radio-buttons-inline .et_pb_contact_field_options_list span {
    display: inline-block;
    margin-right: 30px;
}

/* --- Checkout shipping input padding --- */
.et_pb_wc_checkout_shipping_0_tb_body form .form-row input.input-text,
.et_pb_wc_checkout_shipping_0_tb_body .select2-container--default .select2-selection--single {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

body.woocommerce-checkout .et_pb_wc_checkout_shipping_0_tb_body 
.select2-container--default .select2-selection--single {
    height: auto !important;
    min-height: auto !important;
    line-height: 1.5em !important;
}

body.woocommerce-checkout .et_pb_wc_checkout_shipping_0_tb_body 
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: 1.5em !important;
}

/* === Order notes textarea (napomene) === */
#order_comments {
    background-color: #eee !important;  /* pozadina kao inputi */
    border: 0 !important;              /* ukloni border/outline */
    border-radius: 0 !important;       /* usklađeno s inputima */
    padding: 16px !important;           /* isti padding kao inputi */
    width: 100% !important;             /* puni width */
    font-size: 14px !important;         /* isti font */
    line-height: 1.7em !important;      /* isti line-height */
    resize: vertical;                   /* može se vertikalno proširivati */
    box-sizing: border-box;
}

#order_comments::placeholder {
    color: #202020 !important; /* placeholder isti kao inputi */
}

/* Targetiraj specifičan menu item s klasom account-icon */
.et-menu-nav li.account-icon a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;          /* širina linka */
  height: 100%;         /* visina menija */
  font-size: 0 !important;  /* potpuno "ubija" tekst */
  overflow: hidden;
}

/* Ubacujemo user ikonu */
.et-menu-nav li.account-icon a::before {
  content: "\e08a";     /* Divi user ikona */
  font-family: 'ETmodules';
  font-size: 20px;
  line-height: 1;
  color: #f6d476;
}
/* Mobile account ikona pored hamburgera */
.mobile-account-icon {
  font-family: 'ETmodules';
  font-size: 22px;
  color: #f6d476;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;   /* važno: izvan flow-a */
  top: 50%;             /* centriraj po visini headera */
  right: 10px;          /* fiksni razmak od desnog ruba */
  transform: translateY(-40%); /* savršeno centrirano vertikalno */
  z-index: 10000;       /* iznad hamburgera */
}
.mobile_menu_bar {
  right: 40px !important; /* pomakni hamburger lijevo da stane ikona */
  z-index: 9999;
}

/* login woo - moj račun - mobile */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {

   margin: 0.5em 0; /* <-- ovo stvara preveliki spacing */

}
/* Mobile: login/register forms spacing */
@media only screen and (max-width: 768px) {
    .woocommerce #customer_login .col-1,
    .woocommerce #customer_login .col-2 {
        float: none;
        width: 100%;
        padding-bottom: 30px; /* samo ovdje, ne utječe na druge kolumne */
    }
}
/* Padding ispod WooCommerce privacy policy teksta */
.woocommerce-privacy-policy-text {
    margin-bottom: 5px; /* prostor ispod */
    font-size: 14px;   /* po želji, malo manji font */
    line-height: 1.5em; /* lakše čitljivo */
}
/* Uskladi link u privacy policy tekstu */
.woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link {
    color: inherit;       /* ista boja kao tekst */
    font-weight: normal;  /* ista težina */
    font-size: 14px;      /* željena veličina */
    text-decoration: underline; /* ili none, po želji */
}

/* Mobile width samo za My Account page */
@media (max-width: 768px) {
    body.woocommerce-account .et_pb_row_0 {
        width: 90% !important; /* samo ova row */
        padding: 0 !important; /* makni padding ako je bilo */
        margin: 0 auto;         /* centriraj */
    }
}


/* Naplata - error poruke */
.woocommerce-NoticeGroup-checkout .woocommerce-error li a {
    color: #202020;       /* postavlja boju teksta */
    text-decoration: none;
    font-size: 16px;
}

/* Hover efekt */
.woocommerce-NoticeGroup-checkout .woocommerce-error li a:hover {
    color: #202020;
    text-decoration: underline;

}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    margin: 0 !important;
}

.cart-empty.woocommerce-info {
    margin: 20px 0 !important;
}


.et_pb_wc_checkout_payment_info .woocommerce-checkout #payment div.form-row {
    margin: 10px;
}

/* Text i ikona ispod dodju kosaricu */
.measure-link {
  text-decoration: none;
  color: inherit;
}

.measure-item {
  display: flex;
  align-items: center;   /* vertikalno poravnanje */
}

.measure-text {
  display: inline-block;
  margin-left: 8px;      /* razmak samo između ikone i teksta */
}

/* R1 račun */
#mx_custom_checkout_field {
  margin-top: 30px;
}

/* Hvala na kontakt formi */
.et-pb-contact-message {
 font-size:18px;
  font-weight: bold;
 text-align:center; 
}

/* OGRANIČENJE: Ako je poruka o grešci (sadrži UL listu), NE centriraj je. */
.et-pb-contact-message ul {
    text-align: left; /* Postavlja tekst liste grešaka lijevo */
    margin: 10px auto 0 auto; /* Opcijski: Centriranje same liste unutar kontejnera */
}


/* Detalji narudzbe */
.woocommerce .woocommerce-columns.addresses address {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    padding-left: 1.5em;
    padding-bottom: 0;
}

/* Sidecart razmak iza Cijena: */
.xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a { 
    margin-left: 4px;
}