/*
Theme Name: Tyybac (Custom)
Theme URI: https://example.com/
Author: Jawal Said
Description: Custom hard-coded theme for Tyybac with WooCommerce + WPML support.
Version: 1.0.0
Text Domain: tyybac
*/

.hero-image{
  border-radius: 24px;
  overflow: hidden;
}

/* Tyybac WooCommerce UI (looks only) */

:root{
  --tyy-cream:#fbf7f0;
  --tyy-gold:#c9a24d;
  --tyy-ink:#1f1f1f;
  --tyy-white:#ffffff;
}

/* -----------------------------
   WooCommerce Notices
--------------------------------*/
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  background: rgba(251,247,240,.9);
  border: 1.5px solid rgba(201,162,77,.65);
  color: var(--tyy-ink);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  padding: 14px 16px;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before{
  color: var(--tyy-ink);
}

.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a{
  color: var(--tyy-ink);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(31,31,31,.25);
}
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-error a:hover{
  border-bottom-color: var(--tyy-ink);
}

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button{
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  border: 1.5px solid var(--tyy-ink);
  background: var(--tyy-ink);
  color: var(--tyy-cream);
}
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-error .button:hover{
  background: var(--tyy-gold);
  border-color: var(--tyy-gold);
  color: var(--tyy-ink);
}

/* -----------------------------
   Global WooCommerce Buttons
--------------------------------*/
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  border: 1.5px solid var(--tyy-ink);
  background: var(--tyy-ink);
  color: var(--tyy-cream);
  transition: transform .05s ease, opacity .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background: var(--tyy-gold);
  border-color: var(--tyy-gold);
  color: var(--tyy-ink);
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active{
  transform: translateY(1px);
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled]{
  background: transparent;
  color: var(--tyy-ink);
  border-color: rgba(31,31,31,.6);
}
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover{
  background: rgba(201,162,77,.20);
  border-color: var(--tyy-gold);
  color: var(--tyy-ink);
}

/* -----------------------------
   WooCommerce Form Fields
--------------------------------*/
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select{
  border-radius: 16px;
  border: 1.5px solid rgba(201,162,77,.55);
  background: rgba(255,255,255,.8);
  padding: .85rem 1rem;
  color: var(--tyy-ink);
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus,
.woocommerce-page form .form-row select:focus{
  border-color: var(--tyy-gold);
  box-shadow: 0 0 0 4px rgba(201,162,77,.22);
}

.woocommerce input[type="checkbox"],
.woocommerce input[type="radio"]{
  accent-color: var(--tyy-gold);
}

/* ==============================
   Account/Login page layout fixes
   ============================== */

body.woocommerce-account{
  background: var(--tyy-cream) !important;
}

body.woocommerce-account .tyy-auth-shell{
  padding: 1.25rem 0 2.5rem !important;
}

body.woocommerce-account .tyy-auth-wrap{
  min-height: auto !important;
  align-items: flex-start !important;
  padding-top: 0.75rem !important;
}

body.woocommerce-account .tyy-auth-logo{
  display: none !important;
}

body.woocommerce-account #content,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account article,
body.woocommerce-account .entry,
body.woocommerce-account .entry-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.woocommerce-account .entry-header,
body.woocommerce-account .page-header,
body.woocommerce-account header.woocommerce-products-header,
body.woocommerce-account .woocommerce-notices-wrapper{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.woocommerce-account .entry-header,
body.woocommerce-account .page-header{
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .entry-header{
  margin-top: 60px !important;
}

/* ==============================
   FOOTER PROTECTION (Account/Login ONLY)
   ============================== */

/* Prevent flex layouts from shrinking footer images on account pages */
body.woocommerce-account #tyybac-footer img,
body.woocommerce-account .site-footer img,
body.woocommerce-account footer img{
  flex-shrink: 0 !important;
}

/* Match your footer.php assets exactly */
body.woocommerce-account #tyybac-footer a.h-14.w-40 img[src$="tyybac-logo-footer.png"]{
  height: 100% !important;
  width: 100% !important;
  object-fit: contain !important;
}

/* ==========================================================
   FIX: Tamara / payment image crops on account/login
   because wrapper is h-16 + overflow-hidden
   We force the IMG back to height:100% like normal pages
   ========================================================== */

/* The payment box in footer.php is: .w-full.h-16...overflow-hidden */
body.woocommerce-account #tyybac-footer .h-16 img,
body.woocommerce-account #tyybac-footer img[src$="payment-logos.png"],
body.woocommerce-account #tyybac-footer img[src*="EN-Colored-widget.png" i]{
  height: 100% !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
}