/* ==========================================================================
   World Of Orient — WooCommerce "My account" (login, registration, lost
   password, dashboard, orders, downloads, addresses, account details).
   Same look as the contact / form-cta cards: cream cards, 54px fields with a
   gold focus ring, Cormorant headings. Buttons come from wof-buttons.css.
   Loaded on is_account_page() (inc/wof-product.php).
   ========================================================================== */
.woocommerce-account .woocommerce{
  --acc-gold:#C9A964; --acc-gold-hover:#B0903F; --acc-ink:#101010; --acc-cream:#F8F6F1; --acc-frame:#efe9dc;
  --acc-line:rgba(16,16,16,.12); --acc-muted:rgba(16,16,16,.6);
  font-family:"Nunito",Arial,sans-serif; color:var(--acc-ink);
}
.woocommerce-account .woocommerce *{box-sizing:border-box}
.woocommerce-account .woocommerce .clear{display:none}

/* Headings */
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-account .woocommerce legend{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.3px;color:var(--acc-ink);margin:0 0 24px;text-transform:none}

/* Text + links */
.woocommerce-account .woocommerce p{font-size:16px;line-height:1.7;color:#444;margin:0 0 16px}
.woocommerce-account .woocommerce p strong{color:var(--acc-ink)}
.woocommerce-account .woocommerce :is(p,td,address,li.woocommerce-order-overview__order) a:not(.button){color:var(--acc-gold-hover);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.woocommerce-account .woocommerce :is(p,td,address) a:not(.button):hover{color:var(--acc-ink)}

/* ---------- Forms ---------- */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-account .woocommerce form.lost_reset_password,
.woocommerce-account .woocommerce form.edit-account,
.woocommerce-account .woocommerce .woocommerce-address-fields{margin:0;padding:0;border:0 !important;border-radius:0;background:none;box-shadow:none} /* default.css borders form.login/register with !important */
.woocommerce-account .woocommerce .form-row{float:none;width:100%;margin:0 0 18px;padding:0}
.woocommerce-account .woocommerce label{display:block;margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.4;color:var(--acc-ink)}
.woocommerce-account .woocommerce .required{color:var(--acc-gold-hover);text-decoration:none;border:0}
.woocommerce-account .woocommerce .optional{color:var(--acc-muted);font-weight:500}
.woocommerce-account .woocommerce form .form-row .input-text,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce-account .woocommerce form .form-row textarea{
  display:block;width:100%;height:54px;margin:0;padding:14px 18px;
  border:1px solid var(--acc-line);border-radius:7px;background:var(--acc-cream);box-shadow:none;outline:none;
  font-family:"Nunito",Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.4;color:var(--acc-ink);
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.woocommerce-account .woocommerce form .form-row textarea{height:140px;resize:vertical}
.woocommerce-account .woocommerce form .form-row .input-text:focus,
.woocommerce-account .woocommerce form .form-row select:focus,
.woocommerce-account .woocommerce form .form-row textarea:focus{border-color:var(--acc-gold);background:#fff;box-shadow:0 0 0 3px rgba(201,169,100,.2)}
.woocommerce-account .woocommerce .input-text::placeholder{color:rgba(16,16,16,.42)}
.woocommerce-account .woocommerce span em{display:block;margin-top:6px;font-size:13px;font-style:normal;color:var(--acc-muted)}

/* password eye */
.woocommerce-account .woocommerce form .form-row .password-input{position:relative;display:block;width:100%}
.woocommerce-account .woocommerce form .form-row .password-input .input-text{width:100%;padding-right:52px}
.woocommerce-account .woocommerce .show-password-input{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--acc-muted);cursor:pointer}
.woocommerce-account .woocommerce .show-password-input::before,
.woocommerce-account .woocommerce .show-password-input::after{content:"\f341";font-family:"bootstrap-icons";font-size:18px;line-height:1;background:none;width:auto;height:auto}
.woocommerce-account .woocommerce .show-password-input::after{display:none}
.woocommerce-account .woocommerce .show-password-input.display-password::before{content:"\f340"}
.woocommerce-account .woocommerce .show-password-input:hover{color:var(--acc-ink)}

/* password strength */
.woocommerce-account .woocommerce .woocommerce-password-strength{margin-top:8px;padding:6px 12px;border-radius:7px;font-size:13px;font-weight:700;text-align:left}
.woocommerce-account .woocommerce .woocommerce-password-hint{display:block;margin-top:6px;font-size:13px;color:var(--acc-muted)}

/* checkbox */
.woocommerce-account .woocommerce input[type="checkbox"]{width:18px;height:18px;margin:0;accent-color:var(--acc-gold)}
.woocommerce-account .woocommerce .woocommerce-form__label-for-checkbox{display:inline-flex;align-items:center;gap:10px;margin:0;font-weight:600}

/* submit rows */
.woocommerce-account .woocommerce form.login .form-row:has(button),
.woocommerce-account .woocommerce form.register .form-row:has(button){display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:8px 0 0}
.woocommerce-account .woocommerce form.login button.button,
.woocommerce-account .woocommerce form.register button.button,
.woocommerce-account .woocommerce form.lost_reset_password button.button{width:100%;margin:0}
.woocommerce-account .woocommerce .lost_password{margin:18px 0 0;font-size:15px}
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text p{font-size:14px;line-height:1.6;color:var(--acc-muted)}

/* ---------- Logged out: login + registration cards ---------- */
.woocommerce-account #customer_login{float:none;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;margin:0}
.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after{display:none}
.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .u-column2,
.woocommerce-account .woocommerce form.lost_reset_password{
  float:none;width:auto;max-width:none;flex:none;padding:clamp(24px,3.5vw,48px);
  background:var(--acc-cream);border:1px solid var(--acc-frame);border-radius:16px}
.woocommerce-account #customer_login form .form-row .input-text,
.woocommerce-account .woocommerce form.lost_reset_password .form-row .input-text{background:#fff}
.woocommerce-account .woocommerce form.lost_reset_password{max-width:560px;margin:0 auto}
.woocommerce-account .woocommerce form.lost_reset_password > p:first-child{margin-bottom:24px}
.woocommerce-account .woocommerce form.lost_reset_password .form-row{float:none;width:100% !important}

/* ---------- Logged in: navigation + content ---------- */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after{display:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{float:none;width:auto;margin:0;padding:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{position:sticky;top:calc(var(--wof-hh,110px) + 24px);padding:12px;background:var(--acc-cream);border:1px solid var(--acc-frame);border-radius:16px}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;border:0}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li{margin:0;padding:0;border:0;background:none;list-style:none}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a{
  display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;border-radius:7px;background:transparent;
  font-family:"Nunito",Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.3;color:var(--acc-ink);text-decoration:none;transition:background-color .2s ease}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a::before{content:"\f425";font-family:"bootstrap-icons";font-size:17px;font-weight:normal;line-height:1;color:var(--acc-gold-hover)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before{content:"\f179"}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before{content:"\f30a"}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before{content:"\f3e8"}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before{content:"\f2dc"}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before{content:"\f4e1"}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before{content:"\f1c3"}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background:#fff;color:var(--acc-ink)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--acc-gold);color:var(--acc-ink)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::before{color:var(--acc-ink)}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:8px;padding-top:8px;border-top:1px solid var(--acc-frame)}

/* notices */
.woocommerce-account .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-error{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 24px;padding:18px 20px;
  border:1px solid var(--acc-frame) !important;border-left:3px solid var(--acc-gold) !important;border-radius:12px;background:var(--acc-cream);
  font-size:15px;line-height:1.6;color:var(--acc-ink);list-style:none}
.woocommerce-account .woocommerce .woocommerce-error{border-left-color:#a63f3a !important;background:#fbeeee}
.woocommerce-account .woocommerce .woocommerce-info::before,
.woocommerce-account .woocommerce .woocommerce-message::before,
.woocommerce-account .woocommerce .woocommerce-error::before{display:none}
.woocommerce-account .woocommerce .woocommerce-info .button,
.woocommerce-account .woocommerce .woocommerce-message .button{order:2;float:none;margin:0 0 0 auto}

/* tables: orders, downloads, order details */
.woocommerce-account .woocommerce table.shop_table{width:100%;margin:0 0 32px;border:1px solid var(--acc-frame);border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;background:#fff}
.woocommerce-account .woocommerce table.shop_table th{padding:14px 16px;background:var(--acc-cream);border:0;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--acc-muted);text-align:left}
.woocommerce-account .woocommerce table.shop_table td{padding:16px;border:0;border-top:1px solid var(--acc-frame);font-size:15px;line-height:1.5;color:var(--acc-ink);vertical-align:middle}
.woocommerce-account .woocommerce table.shop_table tfoot th,
.woocommerce-account .woocommerce table.shop_table tfoot td{background:#fff;border-top:1px solid var(--acc-frame);font-size:15px;text-transform:none;letter-spacing:0;color:var(--acc-ink)}
.woocommerce-account .woocommerce table.shop_table td .button{padding:9px 16px !important;margin:2px 6px 2px 0;font-size:14px !important}

/* addresses */
.woocommerce-account .woocommerce .woocommerce-Addresses{float:none;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}
.woocommerce-account .woocommerce .woocommerce-Addresses::before,
.woocommerce-account .woocommerce .woocommerce-Addresses::after{display:none}
.woocommerce-account .woocommerce .woocommerce-Addresses > .woocommerce-Address{float:none;width:auto;max-width:none;flex:none;padding:28px;background:var(--acc-cream);border:1px solid var(--acc-frame);border-radius:16px}
.woocommerce-account .woocommerce .woocommerce-Address-title{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 16px;text-align:left}
.woocommerce-account .woocommerce .woocommerce-Address-title > :is(h2,h3){order:0;margin:0;padding:0;float:none;text-align:left}
.woocommerce-account .woocommerce .woocommerce-Address-title > a.edit{order:1}
.woocommerce-account .woocommerce .woocommerce-Address-title h2,
.woocommerce-account .woocommerce .woocommerce-Address-title h3{margin:0;font-size:26px}
.woocommerce-account .woocommerce .woocommerce-Address-title a.edit{float:none;display:inline-flex;align-items:center;padding:8px 14px;border:1.5px solid var(--acc-gold);border-radius:7px;font-size:14px;font-weight:700;color:var(--acc-ink);text-decoration:none;transition:background-color .2s ease}
.woocommerce-account .woocommerce .woocommerce-Address-title a.edit:hover{background:var(--acc-gold);color:var(--acc-ink)}
.woocommerce-account .woocommerce address{margin:0;font-style:normal;font-size:15px;line-height:1.7;color:#444}

/* edit address + account details: two-column name rows */
.woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper,
.woocommerce-account .woocommerce form.edit-account{display:flex;flex-wrap:wrap;column-gap:16px}
.woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper > .form-row,
.woocommerce-account .woocommerce form.edit-account > .form-row,
.woocommerce-account .woocommerce form.edit-account > fieldset,
.woocommerce-account .woocommerce form.edit-account > p{width:100%}
.woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper > .form-row-first,
.woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper > .form-row-last,
.woocommerce-account .woocommerce form.edit-account > .form-row-first,
.woocommerce-account .woocommerce form.edit-account > .form-row-last{width:calc(50% - 8px)}
.woocommerce-account .woocommerce fieldset{margin:12px 0 24px;padding:24px 24px 6px;border:1px solid var(--acc-frame);border-radius:12px;background:#fff}
.woocommerce-account .woocommerce legend{float:left;width:100%;margin:0 0 20px;padding:0;font-size:26px}
.woocommerce-account .woocommerce legend + *{clear:both}

/* select2 / selectWoo (country, state) */
.woocommerce-account .select2-container .select2-selection--single{height:54px;border:1px solid var(--acc-line,rgba(16,16,16,.12));border-radius:7px;background:#F8F6F1}
.woocommerce-account .select2-container .select2-selection--single .select2-selection__rendered{padding:0 44px 0 18px;line-height:52px;font-family:"Nunito",Arial,sans-serif;font-size:16px;font-weight:500;color:#101010}
.woocommerce-account .select2-container .select2-selection--single .select2-selection__arrow{top:0;right:12px;height:52px}
.woocommerce-account .select2-container--focus .select2-selection--single,
.woocommerce-account .select2-container--open .select2-selection--single{border-color:#C9A964;background:#fff}
.woocommerce-account .select2-dropdown{border-color:#efe9dc;border-radius:7px;overflow:hidden;font-family:"Nunito",Arial,sans-serif}
.woocommerce-account .select2-results__option--highlighted[aria-selected],
.woocommerce-account .select2-results__option--highlighted[data-selected]{background:#C9A964;color:#101010}

/* "Moji kursevi" (inc/wof-account.php) */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wof-courses a::before{content:"\f6fe"}
.woocommerce-account .woocommerce .wof-acc-courses{margin:0 0 32px}
.woocommerce-account .woocommerce .wof-acc-courses--compact{margin-top:32px}
.woocommerce-account .woocommerce .wof-acc-courses__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
.woocommerce-account .woocommerce .wof-acc-courses__title{margin:0}
.woocommerce-account .woocommerce .wof-acc-courses__all{font-size:15px;font-weight:700;color:var(--acc-gold-hover);text-decoration:underline;text-underline-offset:3px}
.woocommerce-account .woocommerce .wof-acc-courses__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.woocommerce-account .woocommerce .wof-acc-course{display:flex;flex-direction:column;overflow:hidden;background:var(--acc-cream);border:1px solid var(--acc-frame);border-radius:16px}
.woocommerce-account .woocommerce .wof-acc-course__img{display:block;aspect-ratio:16 / 9;background:#e9e3d6;overflow:hidden}
.woocommerce-account .woocommerce .wof-acc-course__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.woocommerce-account .woocommerce .wof-acc-course:hover .wof-acc-course__img img{transform:scale(1.03)}
.woocommerce-account .woocommerce .wof-acc-course__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 24px 24px;flex:1}
.woocommerce-account .woocommerce .wof-acc-course__status{display:inline-flex;padding:5px 10px;border-radius:7px;background:#fff;border:1px solid var(--acc-frame);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--acc-gold-hover)}
.woocommerce-account .woocommerce .wof-acc-course__status.is-finished{background:var(--acc-gold);border-color:var(--acc-gold);color:var(--acc-ink)}
.woocommerce-account .woocommerce .wof-acc-course__name{margin:2px 0 4px;font-size:clamp(22px,2vw,26px);line-height:1.15}
.woocommerce-account .woocommerce .wof-acc-course__name a{color:var(--acc-ink);text-decoration:none}
.woocommerce-account .woocommerce .wof-acc-course__name a:hover{color:var(--acc-gold-hover)}
.woocommerce-account .woocommerce .wof-acc-course__progress{width:100%;height:6px;border-radius:6px;background:#e9e3d6;overflow:hidden}
.woocommerce-account .woocommerce .wof-acc-course__progress span{display:block;height:100%;border-radius:6px;background:var(--acc-gold)}
.woocommerce-account .woocommerce .wof-acc-course__percent{font-size:14px;font-weight:600;color:var(--acc-muted)}
.woocommerce-account .woocommerce .wof-acc-course__btn{margin-top:auto}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr);gap:32px}
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{position:static}
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link--customer-logout{margin:0;padding:0;border:0}
}
@media (max-width:767px){
  .woocommerce-account .woocommerce .wof-acc-courses__grid,
  .woocommerce-account #customer_login,
  .woocommerce-account .woocommerce .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}
  .woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper > .form-row-first,
  .woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper > .form-row-last,
  .woocommerce-account .woocommerce form.edit-account > .form-row-first,
  .woocommerce-account .woocommerce form.edit-account > .form-row-last{width:100%}
  .woocommerce-account .woocommerce table.shop_table_responsive tr{display:block;border-top:1px solid var(--acc-frame)}
  .woocommerce-account .woocommerce table.shop_table_responsive td{display:flex;justify-content:space-between;gap:12px;border:0;padding:10px 16px;text-align:right}
  .woocommerce-account .woocommerce table.shop_table_responsive td::before{font-weight:800;color:var(--acc-muted)}
  .woocommerce-account .woocommerce table.shop_table_responsive thead{display:none}
}
@media (max-width:479px){
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{grid-template-columns:minmax(0,1fr)}
}