/* ========== Navigácia (menu vľavo) ========== */
.woocommerce-MyAccount-navigation ul li a {
  font-family: 'Cinzel', serif !important;
  font-size: 18px !important;
  color: #d4af37 !important;
  border: 1px solid #d4af37 !important;
  padding: 10px 20px !important;
  margin-bottom: 8px !important;
  display: block !important;
  text-align: center;
  background: transparent !important;
  transition: 0.3s ease !important;
  border-radius: 5px !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background: #d4af37 !important;
  color: #000 !important;
}

/* ========== Obsah účtu (vpravo) ========== */
.woocommerce-MyAccount-content {
  background: transparent !important;
  padding: 30px !important;
  color: #000 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  font-family: 'Cinzel', serif !important;
  line-height: 1.6 !important;
  font-size: 16px !important;
  border-radius: 5px;
}

/* ========== Tlačidlá priesvitné ========== */
.woocommerce-button,
.woocommerce-MyAccount-content .button {
  background: transparent !important;
  color: #d4af37 !important;
  border: 1px solid #d4af37 !important;
  font-family: 'Cinzel', serif !important;
  padding: 10px 25px !important;
  border-radius: 4px !important;
  margin-top: 10px !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.woocommerce-button:hover,
.woocommerce-MyAccount-content .button:hover {
  background: #d4af37 !important;
  color: #000 !important;
}

/* ========== Tabuľky ========== */
.woocommerce-MyAccount-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
  color: #000 !important;
  margin-top: 20px !important;
}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td {
  border: 1px solid #d4af37 !important;
  padding: 12px 15px !important;
  background: transparent !important;
  font-family: 'Cinzel', serif !important;
  color: #000 !important;
}

.woocommerce-MyAccount-content table th {
  color: #d4af37 !important;
}

/* ========== Formuláre (Stripe, zmena údajov) ========== */
.woocommerce form,
.woocommerce .woocommerce-MyAccount-content form {
  background: transparent !important;
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #d4af37 !important;
  color: #000 !important;
}

/* Polia */
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  background: transparent !important;
  border: 1px solid #d4af37 !important;
  color: #d4af37 !important;
  font-family: 'Cinzel', serif !important;
  border-radius: 4px !important;
}

/* Placeholder text */
.woocommerce-MyAccount-content input::placeholder,
.woocommerce-MyAccount-content textarea::placeholder {
  color: #ccc !important;
}

/* ========== Upozornenia (notifikácie) ========== */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #d4af37 !important;
  border: 1px solid #d4af37 !important;
  font-family: 'Cinzel', serif !important;
  border-radius: 5px;
  padding: 15px;
}

/* ========== Odstránenie bieleho boxu z hlášok ========== */
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
  background: transparent !important;
}


/* ========== Štýl pre tlačidlo Upraviť adresu ========== */
.woocommerce-MyAccount-content a.edit {
  display: inline-block;
  padding: 8px 18px;
  margin-top: 10px;
  font-family: 'Cinzel', serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #d4af37;
  border: 1px solid #d4af37;
  border-radius: 5px;
  background: transparent;
  transition: all 0.3s ease;
  text-decoration: none;
}

.woocommerce-MyAccount-content a.edit:hover {
  background: #d4af37;
  color: #000;
	


/* ==== Štýlové zobrazenie fakturačnej a dodacej adresy ==== */
.woocommerce-MyAccount-content address {
  font-style: normal !important;
  line-height: 2 !important;
  background: transparent !important;
  border: 1px solid #d4af37 !important;
  padding: 20px !important;
  border-radius: 10px !important;
  font-family: 'Cinzel', serif !important;
  color: #000 !important;
  max-width: 350px;
  margin: 0 auto;
}

.woocommerce-MyAccount-content address br {
  display: none !important;
}

.woocommerce-MyAccount-content address::before {
  content: "🗂️ ";
  color: #d4af37;
  font-weight: bold;
}

/* Každý riadok ako "LABEL: HODNOTA" */
.woocommerce-MyAccount-content address {
  display: grid;
  grid-template-columns: auto;
  row-gap: 10px;
}

.woocommerce-MyAccount-content address span {
  display: block;
  font-size: 16px;
  line-height: 1.5;
}

/* Alternatíva ak Woo neobsahuje span: rozdelíme p elementy */
.woocommerce-MyAccount-content .address p {
  margin: 0 0 10px 0 !important;
  color: #000;
  font-weight: normal;
  font-family: 'Cinzel', serif;
  font-size: 15px;
}

/* === Dabog zobrazenie adresy s ikonami === */
.dabog-address-box {
  border: 1px solid #d4af37;
  border-radius: 12px;
  padding: 25px 30px;
  background: #fff;
  color: #000;
  font-family: 'Cinzel', serif;
  font-size: 16px;
  line-height: 1.8;
  max-width: 100%;
  margin: 20px auto;
  text-align: left;
}

.dabog-address-box p {
  margin: 10px 0;
}

.dabog-address-box strong {
  color: #d4af37;
  min-width: 140px;
  display: inline-block;
}

.dabog-address-box p strong::before {
  margin-right: 6px;
  color: #d4af37;
}

/* Ikony podľa obsahu */
.dabog-address-box p strong:has-text("E-MAIL")::before { content: "✉️"; }
.dabog-address-box p strong:has-text("MENO")::before { content: "👤"; }
.dabog-address-box p strong:has-text("PRIEZVISKO")::before { content: "🧑‍💼"; }
.dabog-address-box p strong:has-text("ADRESA")::before { content: "🏠"; }
.dabog-address-box p strong:has-text("PSČ")::before { content: "🔢"; }
.dabog-address-box p strong:has-text("MESTO")::before { content: "🏙️"; }
.dabog-address-box p strong:has-text("ŠTÁT")::before { content: "🌍"; }
.dabog-address-box p strong:has-text("TELEFÓN")::before { content: "☎️"; }

/* Responzívne */
@media (max-width: 768px) {
  .woocommerce-Addresses .u-column1,
  .woocommerce-Addresses .u-column2 {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .dabog-address-box {
    font-size: 15px;
    padding: 20px;
  }
}