/*
Theme Name: YiYa Elementor Theme
Theme URI: https://yiya.hu
Author: Turnhauser Panni
Description: Custom lightweight Elementor-ready theme
Version: 1.0
Text Domain: yiya-theme
*/


/*************************************
  /* THANK YOU PAGE */
/*************************************/
.gy-thankyou { max-width: 1200px; margin: 0 auto; padding: 24px; }
.gy-thankyou__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
    gap:30px;
  align-items: stretch;
  border-radius: 20px;
    background: var(--Brand-Light-green, #ECF0ED);
}

.gy-thankyou__left {
        padding:20px;
    }

@media(min-width:1400px) {
    .gy-thankyou__left {
        padding:50px;
    }
    
    .gy-thankyou__grid {
        gap: 90px;
    }
}

.gy-thankyou__hero {
  border-radius: 0 20px 20px 0;
  background-size: cover;
  background-position: center;
  min-height: 520px;
}

/* címek */
.gy-thankyou__title { margin: 0 0 18px; font-size: 28px; }
.gy-thankyou__h { margin: 0 0 10px; font-size: 20px; }
.gy-thankyou__sub { color: #202020;; margin-bottom: 14px; }

/* blokk kártyák */
.gy-thankyou__blocks { display: grid; gap: 16px; }
.gy-thankyou__block {
}
.gy-thankyou__block.is-full { grid-column: 1 / -1; }

/* utalási rács */
.gy-thankyou__paygrid { display: grid; gap: 10px; margin-top: 10px; }
.gy-thankyou__payrow {
  display: grid;
  grid-template-columns: 1fr 1.9fr;
  border-radius: 10px;
  gap: 0;
  background:#fff;
  align-items: center;
  padding:0;
}

.gy-thankyou__paylabel {     
    color: #202020;
    padding: 7px 20px;
} 
.gy-thankyou__payvalue {
  background: #BDDAC4;
  color:#3F6648;
  padding: 7px 20px;
  font-weight:700;
  border-radius: 0 10px 10px 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

@media (max-width: 980px) {
    .gy-thankyou__paylabel {
        border-radius:10px 10px 0 0;
    }
    
    .gy-thankyou__payvalue {
        border-radius: 0 0 10px 10px;
    }
}

/* copy gomb */
.gy-copy {
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    cursor: pointer;
}
.gy-copy svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    top: -10px;
    position: relative;
}
.gy-copy.is-copied { transform: scale(0.96); }

/* figyelmeztetés */
.gy-thankyou__notice {
  margin-top: 14px;
  border: 1px solid #f2c55c;
  background: #fff7e6;
  border-radius: 14px;
  padding: 12px 14px;
  color: #7a5a14;
}
.gy-thankyou__notice{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  border: 1px solid var(--Curcuma, #F3A90B);
  background: #FDF4DF;
  border-radius: 20px;
  padding: 14px 16px;

  color: #CE9417;
}

.gy-thankyou__notice-icon{
  width: 42px;
  height: 42pxx;
  flex-shrink: 0;
  margin-top: 2px; /* vizuális igazítás */
}

.gy-thankyou__notice-text{
  line-height: 1.4;
}

/* mobil */
@media (max-width: 980px){
  .gy-thankyou__grid { grid-template-columns: 1fr; }
  .gy-thankyou__hero { 
     display:none;
  }
  .gy-thankyou__payrow { grid-template-columns: 1fr; }
}

.gy-thankyou__head{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 33px;
  align-items: start;
}

.gy-thankyou__icon{
  width: 44px;
  height: 44px;
  display: block;
}

.elementor-widget-woocommerce-checkout-page .woocommerce h3, .gy-thankyou__headtitle{
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 24px!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:8px!important;
}

.gy-thankyou__headdesc{
  margin: 0;
  color: #202020;
  line-height: 1.45;
}

.gy-thankyou__h--tight{
  margin: 0 0 6px;
}

/* legyen a gomb “anchor” a tooltipnek */
.gy-copy{
  position: relative;
  overflow: visible;
}

/* toast buborék */
.gy-copy-toast{
  position: absolute;
  right: calc(100% + 10px); /* bal oldalra kiteszi a gomb mellé */
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;

  padding: 6px 10px;
  border-radius: 10px;

  background: rgba(20, 20, 20, 0.92);
  color: #fff;
  font-size: 12px;
  line-height: 1;

  opacity: 0;
  pointer-events: none;
}

/* kis nyíl a buborékon */
.gy-copy-toast::after{
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0; height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid rgba(20, 20, 20, 0.92);
}

/* megjelenítés anim */
.gy-copy.is-copied .gy-copy-toast{
  opacity: 1;
  animation: gyToastPop 1.2s ease forwards;
}

@keyframes gyToastPop{
  0%   { opacity: 0; transform: translate(-6px, -50%); }
  15%  { opacity: 1; transform: translate(0, -50%); }
  85%  { opacity: 1; transform: translate(0, -50%); }
  100% { opacity: 0; transform: translate(0, -50%); }
}

/* mobilon nehogy lecsússzon a képernyőről: inkább felül jelenjen meg */
@media (max-width: 480px){
  .gy-copy-toast{
    right: 50%;
    top: -10px;
    transform: translate(50%, -100%);
  }
  .gy-copy-toast::after{
    right: 50%;
    top: auto;
    bottom: -6px;
    transform: translateX(50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(20, 20, 20, 0.92);
    border-bottom: none;
  }
  @keyframes gyToastPop{
    0%   { opacity: 0; transform: translate(50%, -110%); }
    15%  { opacity: 1; transform: translate(50%, -100%); }
    85%  { opacity: 1; transform: translate(50%, -100%); }
    100% { opacity: 0; transform: translate(50%, -100%); }
  }
}


/*************************************
  /* MY ACCOUNT */
/*************************************/

/* Base */
.yy-account-dashboard{
  margin-top:32px;
  margin-bottom:32px;
}

.yy-grid{
  display: grid;
  gap: 20px;
}

.yy-grid-2x2{
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

@media (max-width: 980px){
  .yy-grid-2x2{ grid-template-columns: 1fr; }
}

/* Card */
.yy-card{
  background: #ECF0ED;
  border-radius: 20px;
  padding: 20px 25px;
}

@media (max-width:1023px) {
    .yy-card{
        padding:20px;
    }
}

.yy-card__header{ margin-bottom: 14px; }
.yy-card__title,
.yy-orders-title,
.yy-pagehead__title{
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 24px!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:8px!important;
    color: var(--Dark-grey, #202020);
}

.yy-card__subtitle,
.yy-orders__subtitle,
.yy-subcard__title,
.yy-pagehead__meta,
.yy-order-addressbox__title{
   font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--Dark-grey, #202020);
    margin-bottom: 8px;
}
.yy-card__desc{
  margin: 10px 0 0;
  font-size: 14px;
  opacity: .85;
  line-height: 1.45;
}

/* Buttons / links */
.yy-btn,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button{
   border-radius: 8px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; 
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-decoration:none;
    display:inline-flex;
    height:48px;
    border:2px solid transparent;
}

.yy-orders-footer {
    text-align: right;
    padding: 20px 0;
}

.yy-btn--primary{
    border-radius: 8px;
    background-color: #BDDAC4!important;
    border-color:#BDDAC4;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    color: var(--Brand-Green, #3F6648);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; 
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.yy-btn--primary:hover,
.yy-addresses a:hover,
.yy-btn--ghost:hover{
    background-color: #79bb89!important;
    color:#fff!important;
    border-color:#79bb89;
    transition:0.3s all;
}

.yy-card-orders .yy-btn--primary,
.yy-account-orders .yy-btn--primary,
.yy-account-edit-footer .yy-btn--primary {
    padding: 12px 20px 12px 47px;
    background-image:url("https://www.dev.yiya.hu/wp-content/uploads/2026/02/arrow-right.svg");
    background-repeat:no-repeat;
    background-position:left 13px center;
    padding: 0 20px 0 47px;
}

.yy-card-orders .yy-btn--primary:hover,
.yy-account-orders .yy-btn--primary:hover,
.yy-account-edit-footer .yy-btn--primary:hover
{
         background-image:url("https://www.dev.yiya.hu/wp-content/uploads/2026/02/arrow-right-white.svg");
}

.yy-btn--ghost{
  background: transparent;
  border-color: rgba(0,0,0,.12);
  color: rgba(0,0,0,.72);
  height: 45px;
}

.yy-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}
.yy-link--logout { 
    background: #EDE2D6;
  border-color: #EDE2D6;
  color: #F3640B;
  height: 48px;
}

.yy-link--logout:hover {
   background: #F7D6C0; 
}

.yy-auth__actions .yy-btn--primary {
    margin-right:8px!important;
}


/* Empty state */
.yy-empty{
  background: rgba(255,255,255,.55);
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  opacity: .8;
}

.yy-account-edit-footer {
    text-align: right;
    padding: 20px 0;
}

@media (max-width:767px) {
    .yy-btn {
        width:100%;
        display:block;
        margin-bottom:8px;
        line-height: 48px;
        text-align: center;
        padding:0;
    }
}


/*************************************
  1) ORDERS
*************************************/
.yy-card-orders{ 
    background: #ECF0ED; 
}

.yy-orders__block{ margin-top: 10px; }


.yy-order-row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  text-decoration: none;
  background: #fff;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 10px;
}

.yy-order-row__title{
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--Dark-grey, #202020)!important;
}

.yy-order-row__meta{
  font-size: 15px;
  color: var(--Dark-grey, #202020);
}

.yy-order-thumbs{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.yy-order-thumb{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.yy-order-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.yy-order-badge{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #3E6A4B;
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.yy-orders__footer{
  padding:20px 0;
  display: flex;
  justify-content: flex-end;
}

/* ORDER ROW: add status icon column */
.yy-order-row{
  grid-template-columns: 48px 1fr auto; /* status | text | thumbs */
  align-items: center;
}

.yy-order-row__status{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.yy-order-row__status img{
  width: 28px;
  height: 28px;
  display:block;
}

/* SINGLE ORDER */
.yy-order-addresses{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.yy-order-addressbox{
  border-radius: 20px;
    background: #FFF;
    padding:20px;
}

.yy-order-addressbox__title{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}

.yy-order-addressbox__content{
  color: rgba(0,0,0,0.75);
  line-height: 1.45;
}

.yy-order-addressbox__meta{
  color: rgba(0,0,0,0.6);
  font-size: 13px;
}

@media (max-width: 900px){
  .yy-order-addresses{
    grid-template-columns: 1fr;
  }
}

.yy-order-addresses{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}


.yy-order-addressbox__content{
  color: #202020;
  line-height: 1.45;
}

.yy-order-addressbox__meta{
  color: rgba(0,0,0,0.6);
  font-size: 13px;
}

@media (max-width: 900px){
  .yy-order-addresses{
    grid-template-columns: 1fr;
  }
}

.woocommerce-account .woocommerce-customer-details{
  display:none !important;
}

/* ===== Order details -> bank row design (only inside YY view order card) ===== */
.yy-card-order-view .woocommerce-order-details,
.yy-card-order-view .woocommerce-order-details *{
  box-sizing: border-box;
}

/* A Woo táblázatot "kártya listává" alakítjuk */
.yy-card-order-view table.woocommerce-table,
.yy-card-order-view table.shop_table{
    width: 100%;
  border: 0 !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

/* Fejléc elrejtése (Termék / Összeg) – ha szeretnéd meghagyni, szólj */
.yy-card-order-view table.woocommerce-table thead{
  display: none;
}

/* Sorból grid lesz */
.yy-card-order-view table.woocommerce-table tbody tr,
.yy-card-order-view table.woocommerce-table tfoot tr{
    display: grid;
  grid-template-columns: 1fr 320px;
  margin-bottom: 8px;    
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}

.woocommerce .woocommerce-order-details tr:last-child {
    margin-bottom:8px;
}

/* Cellák reset */
.yy-card-order-view table.woocommerce-table tbody td,
.yy-card-order-view table.woocommerce-table tfoot td,
.yy-card-order-view table.woocommerce-table tfoot th{
  border: 0 !important;
  padding: 12px 22px !important;
  vertical-align: middle;
}

/* Bal oldal (címke / termék) */
.yy-card-order-view table.woocommerce-table tbody td:first-child,
.yy-card-order-view table.woocommerce-table tfoot th{
  background: #fff;
  font-weight: 400;
  color: #202020;
  font-size:16px;
}

/* Jobb oldal (összeg/value) */
.yy-card-order-view table.woocommerce-table tbody td:last-child,
.yy-card-order-view table.woocommerce-table tfoot td{
  background: #cfe7d6;
  color: #202020;
  font-weight: 700;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* Terméknév link: ne legyen lila */
.yy-card-order-view table.woocommerce-table a{
  color: #3F6648;
  text-decoration: none;
}
.yy-card-order-view table.woocommerce-table a:hover{
  text-decoration: underline;
}

/* A termék mennyiség (x 1) finomítás */
.yy-card-order-view table.woocommerce-table .product-quantity{
  font-weight: 700;
  color: rgba(0,0,0,0.55);
  margin-left: 6px;
}

/* Tfoot "Végösszeg" kiemelés (opcionális) */
.yy-card-order-view table.woocommerce-table tfoot tr:last-child td,
.yy-card-order-view table.woocommerce-table tfoot tr:last-child th{
  font-size: 16px;
}

/* Mobil: jobb oldal ne legyen fix széles */
@media (max-width: 900px){
  .yy-card-order-view table.woocommerce-table tbody tr,
  .yy-card-order-view table.woocommerce-table tfoot tr{
    grid-template-columns: 1fr;
  }
  .yy-card-order-view table.woocommerce-table tbody td:last-child,
  .yy-card-order-view table.woocommerce-table tfoot td{
    text-align: left;
    justify-content: flex-start;
  }
}

.yy-pagehead__meta {
    margin-bottom:20px;
}

.woocommerce-order-details__title {
    display:none;
}

.yy-pagefooter {
    padding:16px 0;
}

.yy-pagehead {
    padding: 0 20px !important;
}

@media (max-width:1400px) {
    .yy-pagefooter,
    .woocommerce-notices-wrapper{
        padding: 0 20px !important;
        width: 90% !important;       
    }
}

/*************************************
  2) LOYALTY (expanded + unified)
*************************************/
.yy-card-loyalty{ 
    background: none; 
    padding:0;
}

.yy-loyalty{
  display: grid;
  gap: 14px;
}

/* main card */
.yy-loyalty__card{
  border-radius:20px;
  padding:30px;
  text-align:center;
  position: relative;
}


.yy-loyalty__mini-badge {
    width:24px;
    height:24px!important;
}

/* Bronz */
.yy-loyalty__card.is-bronze{
  background-color:  #DFD2D1;
}

/* Ezüst */
.yy-loyalty__card.is-silver{
  background-color: #DFDFDF;
}

/* Arany */
.yy-loyalty__card.is-gold{
  background-color: #EFEACE;
}

/* Gyémánt */
.yy-loyalty__card.is-diamond{
  background-color: #CCDDE2;
}

.yy-loyalty__levels{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  position:relative;
}

.yy-loyalty__levels li{
  display: flex;
  align-items: center;
  padding: 4px 20px 4px 21px;
  border-radius: 8px;
  transition: background-color .3s ease;
}

.yy-loyalty__level-benefit {
    position: absolute;
    right: 4%;
    text-align: right;
}

@media (max-width:768px) {
    .yy-loyalty__levels li {
        flex-direction: column;
    }
    
    .yy-loyalty__level-benefit {
        position:relative;
        right: initial;
    }
}

/* SZINTEK */

/* Bronz */
.yy-loyalty__levels li.is-bronze{
  background-color: #F0EAEA;
}

/* Ezüst */
.yy-loyalty__levels li.is-silver{
  background-color: #F2F2F2;
}

/* Arany */
.yy-loyalty__levels li.is-gold{
  background-color: #F8F6EA;
}

/* Gyémánt */
.yy-loyalty__levels li.is-diamond{
  background-color: #F2F9FB;
}


.yy-loyalty__level-icon{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  margin: 2px auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.yy-loyalty__card .yy-loyalty__level-icon {
    height:80px;
    width:auto;
    margin-bottom: 25px;
}

.yy-loyalty__badge{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(255,255,255,.55);
  display:block;
}

.yy-loyalty__level-name{
    font-size: 16px;
    font-weight: 700;
    color: var(--Dark-grey, #202020);
}


.yy-loyalty__progress-wrapper{ margin-top: 14px; }

.yy-loyalty__progress-labels{
  display:flex;
  justify-content:space-between;
  font-size:16px;
  color: var(--Dark-grey, #202020);
}

.yy-loyalty__progress{
  background:#fff;
  height:8px;
  border-radius:6px;
  overflow:hidden;
  margin:10px 0;
}

/* Progress bar alap */
.yy-loyalty__progress-bar{
  height: 8px;
  border-radius: 8px;
  border-radius:6px;
  transition: width .4s ease, background-color .3s ease;
}

/* Bronz */
.yy-loyalty__card.is-bronze .yy-loyalty__progress-bar{
  background-color: #7F6461;
}

/* Ezüst */
.yy-loyalty__card.is-silver .yy-loyalty__progress-bar{
  background-color: #959595;
}

/* Arany */
.yy-loyalty__card.is-gold .yy-loyalty__progress-bar{
  background-color: #D8B828;
}

/* Gyémánt */
.yy-loyalty__card.is-diamond .yy-loyalty__progress-bar{
  background-color: #75A5BF;
}

.yy-loyalty__current-points{
  font-weight:700;
  margin-top:6px;
  font-size: 16px;
}

.yy-loyalty__next{
  margin-top: 10px;
    font-size: 16px;
  line-height: 1.35;
  color: var(--Dark-grey, #202020);
  font-weight:400;
}

/* details */
.yy-loyalty__details{

}

.yy-loyalty__details p{
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.35;
  color: var(--Dark-grey, #202020);
  font-weight:400;
}

.yy-loyalty__levels{
  list-style:none;
  padding:0;
  margin: 0;
}


.yy-loyalty__level-text {
    padding-left: 20px;
}

.yy-loyalty__level-benefit {
    font-weight:700;
}


/* Szintnév színe  */

/* Bronz */
.yy-loyalty__levels li.is-bronze .yy-loyalty__level-text,
.yy-loyalty__levels li.is-bronze .yy-loyalty__level-benefit{
  color: #7F6461;
}

/* Ezüst */
.yy-loyalty__levels li.is-silver .yy-loyalty__level-text,
.yy-loyalty__levels li.is-silver .yy-loyalty__level-benefit{
  color: #959595;
}

/* Arany */
.yy-loyalty__levels li.is-gold .yy-loyalty__level-text,
.yy-loyalty__levels li.is-gold .yy-loyalty__level-benefit{
  color: #D8B828;
}

/* Gyémánt */
.yy-loyalty__levels li.is-diamond .yy-loyalty__level-text,
.yy-loyalty__levels li.is-diamond .yy-loyalty__level-benefit{
  color: #75A5BF;
}

/*************************************
  3) PERSONAL DATA (form + avatar)
*************************************/
.yy-card-personal{ 
    background: #EEF1ED; 
    padding:60px 20px 20px 20px;
}


.yy-form{ margin-top: 8px; }

.yy-form__grid{
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  align-items: start;
}

@media (max-width: 980px){
  .yy-form__grid{ grid-template-columns: 1fr; }
}

.yy-label{
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 16px;
  color: var(--Dark-grey, #202020);
}

.yy-input{
    width: auto;
    border-radius: 7px;
    border: 1px solid var(--Brand-Green, #3F6648);
    background: #FFF;
    padding: 12px 12px;
    outline: none;
    font-size: 16px;
}

.yy-input:focus{
    outline: 2px solid #3F6648 !important;
}

.yy-pass .yy-input {
    width:98%;
}

#password_1, 
#password_2{
    width:96%;
}

.yy-form__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
  align-items: center;
}

.yy-form__avatar{
  border-radius: 8px;
}

.yy-avatar{
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
}

.yy-avatar img{
  width: 100%;
  height: auto;
  display: block;
}

.yy-avatar__actions{
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

 .yy-card__header--row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.yy-form__grid2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
}

.yy-form__field--full{
  grid-column: 1 / -1;
}

.yy-help{
  display:block;
  margin-top:6px;
  color: rgba(0,0,0,0.6);
  font-size: 13px;
  line-height: 1.35;
}



.yy-subcard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:18px;
  padding:18px;
}

.yy-subcard__title{
  margin:0 0 12px;
  font-size:18px;
}

.yy-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.yy-pass{
  position:relative;
}

.yy-pass__toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  border:0;
  background: transparent;
  cursor:pointer;
  opacity:.7;
}

@media (max-width: 900px){
  .yy-form__grid2{ grid-template-columns:1fr; }
}

/*************************************
  4) HEALTH PROFILE (checkbox grid)
*************************************/
.yy-card.yy-card-health{ 
    background: #ECF0ED; 
    padding-right:0;
    padding-left:0;
    padding-bottom:0;
}

.yy-health__title{
  font-family: "articulat-cf", Sans-serif !important;
  font-weight:700;
  color:#202020;
  font-size:16px!important;
}

.yy-checkgrid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px 12px;
  padding-bottom:20px;
}

@media (max-width: 980px){
  .yy-checkgrid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px){
  .yy-checkgrid{ grid-template-columns: 1fr; }
}

/* ===== YY CUSTOM CHECKBOX (SVG VERSION) ===== */

.yy-check{
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  position: relative;
}

.yy-check input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.yy-check span{
  position: relative;
  padding-left: 38px;
}

/* Doboz alapállapot */
.yy-check span::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 2px solid #3F6648;
  background: transparent;
  transition: all .2s ease;
}

/* Bepipált állapot – nincs outline */
.yy-check input[type="checkbox"]:checked + span::before{
  background: #3F6648;
  border: none;
}

/* SVG pipa */
.yy-check input[type="checkbox"]:checked + span::after{
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background: url("data:image/svg+xml;utf8,<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.375 11.375L7.875 14.875L16.625 6.125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: 21px 21px;
}

/* Hover – csak ha nincs bepipálva */
.yy-check input[type="checkbox"]:not(:checked) + span:hover::before{
  box-shadow: 0 0 0 3px rgba(63,102,72,0.15);
}

.yy-check input[type="checkbox"]:focus {
    outine:1px solid #3F6648;
}

.woocommerce form input[type="checkbox"]:focus + span::before, .woocommerce form input[type="radio"]:focus + label::before {
    box-shadow: 0 0 0 3px rgba(63,102,72,1);
}

.yy-health__image{
  margin-top: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.05);
  min-height: 120px;
}

.yy-card__lead{
  margin-top: 8px;
}

.yy-card__lead-title{
  font-weight: 700;
  margin-bottom: 6px;
}

.yy-card__lead-text{
  color: rgba(0,0,0,0.65);
  line-height: 1.45;
  max-width: 68ch;
}


.yy-card-health{
  overflow: hidden;
}

.yy-health__image{
  margin-top: 18px;
   border-radius: 0 0 20px 20px;
  overflow: hidden;
}

.yy-health__image img{
  width: 100%;
  height: 162px;         
  object-fit: cover;
  display: block;
    border-radius: 0 0 20px 20px;
}

.yy-card-health .yy-card__header, 
.yy-card-health .yy-form{
    padding-right:25px;
    padding-left:25px;
}

/*************************************
  Woo notices (so they match the UI)
*************************************/
.woocommerce-notices-wrapper{
  margin-bottom: 14px;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  border-radius: 16px !important;
  padding: 12px 14px 12px 59px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.woocommerce-message{ background: #FDEFE6 !important; }
.woocommerce-info{ background: #F5EBD6!important; }
.woocommerce-error{ background: rgba(242,213,185,.7) !important; }

.woocommerce-orders {
    background: #ECF0ED;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    height: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;
}

@media (max-width:1399px) {
    .yy-account-dashboard {
        margin-top: 0;
        padding:20px;
    }
}

/* Orders page wrapper */
.yy-account-orders{
  margin: 0 auto;
  padding: 20px 0;
}

@media (max-width:1400px) {
    .yy-account-orders {
        padding:20px;
    }
}

/* Orders list spacing */
.yy-orders-list{
  display: grid;
  gap: 12px;
}

/* Pagination alignment */
.yy-orders-pagination{
  display:flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}

/* Meta separator */
.yy-order-row__meta-sep{
  margin: 0 8px;
  opacity: .45;
}

/*************************************
  Addresses
*************************************/
.yy-card-address-cta {
    margin-top:20px;
}
.yy-addresses *{
    padding:0;
    margin:0;
}

.yy-card__header-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.yy-card.yy-card-address-list {
    background: #ECF0ED;
    border-radius: 20px;
    padding: 20px 25px;
    margin-bottom:32px;
}

.woocommerce-Address-title h2 {
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px !important;
    color: var(--Dark-grey, #202020);
}

address {
    font-style:normal;
}

.u-columns.woocommerce-Addresses.col2-set.addresses {
    margin-top:20px;
}

.yy-account-address .yy-card__header--row {
    align-items:center;
}

.yy-addresses a {
    float:none!important;
    border-radius: 8px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    height: 48px;
   background-color: #BDDAC4 !important;
    border-color: #BDDAC4;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    color: #3F6648;
    height: 48px;
    margin:10px 0;
}

.yy-addresses a:hover

/* Woo address form mezők rács */
.yy-wc-fields__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  margin-top: 12px;
}

/* Woo mezők wrapper-ek */
.yy-wc-fields__grid .form-row{
  margin: 0 !important;
}

/* Széles mezők (Woo class alapján) */
.yy-wc-fields__grid .form-row-wide,
.yy-wc-fields__grid .form-row-wide{
  grid-column: 1 / -1;
}
.yy-wc-fields__grid .form-row-first{ grid-column: 1; }
.yy-wc-fields__grid .form-row-last{ grid-column: 2; }

/* Label */
.yy-wc-fields__grid label{
  display:block;
  font-weight: 600;
  margin-bottom: 6px;
}

/* Input / select / textarea - Woo default classok */
.yy-wc-fields__grid .input-text,
.yy-wc-fields__grid select,
.yy-wc-fields__grid textarea{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.12);
  padding: 12px 14px;
  background: #fff;
  outline: none;
}

/* Focus */
.yy-wc-fields__grid .input-text:focus,
.yy-wc-fields__grid select:focus,
.yy-wc-fields__grid textarea:focus{
  border-color: rgba(63,102,72,0.5);
  box-shadow: 0 0 0 3px rgba(63,102,72,0.12);
}

/* Select fix */
.yy-wc-fields__grid select{
  -webkit-appearance: none;
  appearance: none;
}

/* Mentés/Mégse gomb sor (ha már van általános .yy-actions, ez csak biztosíték) */
.yy-form--address .yy-actions{
  margin-top: 18px;
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
}

@media (max-width: 900px){
  .yy-wc-fields__grid{
    grid-template-columns: 1fr;
  }
  .yy-wc-fields__grid .form-row-first,
  .yy-wc-fields__grid .form-row-last{
    grid-column: 1 / -1;
  }
}

/* ===== Auth page layout ===== */
.yy-auth{
  padding: 12px 20px 30px;
}

.yy-auth__grid{
  display: grid;
  grid-template-columns: 1fr 520px; /* bal: formok, jobb: kép */
  gap: 18px;
  align-items: stretch;
}

.yy-auth__right{
  border-radius: 24px;
  overflow: hidden;
  background: rgba(0,0,0,0.03);
}

.yy-auth__image{
  width: 100%;
  height: 100%;
  min-height: 640px;
  background-size: cover;
  background-position: center;
}

/* Forms: két kártya egymás mellett */
.yy-auth__forms{
  display: grid;
  gap: 16px;
}

.yy-auth__forms.is-two{
  grid-template-columns: 1fr 1fr;
}

.yy-auth__forms.is-one{
  grid-template-columns: 1fr;
}


/* Woo mezők YY-re */
.yy-form--auth {
    border:none!important;
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
}
.yy-form--auth .form-row{
  margin: 0 0 14px !important;
}

.yy-form--auth label{
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.yy-form--auth .input-text,
.yy-form--auth input[type="email"],
.yy-form--auth input[type="password"],
.yy-form--auth input[type="text"]{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.12);
  padding: 12px 14px;
  background: #fff;
  outline: none;
}

.yy-form--auth .input-text:focus,
.yy-form--auth input:focus{
  border-color: rgba(63,102,72,0.5);
  box-shadow: 0 0 0 3px rgba(63,102,72,0.12);
}

/* Remember + Lost password sor */
.yy-auth__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 0 12px;
  flex-wrap: wrap;
}

.yy-auth__lost{
  margin: 0 !important;
}

.yy-auth__lost a{
  color: #3F6648;
  text-decoration: none;
}
.yy-auth__lost a:hover{
  text-decoration: underline;
}

.yy-auth__actions{
  margin-top: 10px;
  display:flex;
}

/* Hint szöveg */
.yy-auth__hint{
  margin: 0 0 14px;
  color: rgba(0,0,0,0.65);
  line-height: 1.45;
}

/* Mobil */
@media (max-width: 1024px){
  .yy-auth__grid{
    grid-template-columns: 1fr;
  }
  .yy-auth__image{
    min-height: 280px;
  }
}

@media (max-width: 900px){
  .yy-auth__forms.is-two{
    grid-template-columns: 1fr;
  }
}

/* ===== Auth page: 2 columns + floating decor ===== */
.yy-auth--two{
  position: relative;
  overflow: hidden; /* hogy a dekor ne lógjon ki */
  padding: 0;
}

/* 2 oszlop: login / register */
.yy-auth__columns{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: start;
  background: #ECF0ED;
background: linear-gradient(90deg,rgba(236, 240, 237, 1) 0%, rgba(236, 240, 237, 1) 50%, rgba(63, 102, 72, 1) 50%, rgba(63, 102, 72, 1) 100%);
}

.yy-auth__card--login {
    border-radius:0;
    background:transparent;
} 

.yy-auth__card--register {
    border-radius:0;
    background:transparent;
    padding-bottom:300px;
    background-image: url("https://www.dev.yiya.hu/wp-content/uploads/2026/02/kapszulak-jobb.webp");
    background-repeat:no-repeat;
    background-position:right bottom;
    
}

.yy-auth__card--register *:not(.yy-btn), .yy-auth__card--register .required {
    color: #fff!important;
}

.yy-auth__card--register .input-text {
    color:#202020!important;
}


/* Mezők / sorok (ha még nem volt auth CSS-ed) */
.yy-form--auth .form-row{
  margin: 0 0 14px !important;
}
.yy-form--auth label{
  display:block;
  font-weight: 600;
  margin-bottom: 6px;
}
.yy-form--auth .input-text,
.yy-form--auth input[type="email"],
.yy-form--auth input[type="password"],
.yy-form--auth input[type="text"]{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.12);
  padding: 12px 14px;
  background: #fff;
  outline: none;
}
.yy-form--auth .input-text:focus,
.yy-form--auth input:focus{
  border-color: rgba(63,102,72,0.5);
  box-shadow: 0 0 0 3px rgba(63,102,72,0.12);
}

.yy-auth__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin: 8px 0 12px;
  flex-wrap: wrap;
}
.yy-auth__lost{ margin: 0 !important; }
.yy-auth__lost a{ color:#3F6648; text-decoration:none; }
.yy-auth__lost a:hover{ text-decoration:underline; }

.yy-auth__actions{
  margin-top: 10px;
  display:flex;
}

.yy-auth__hint{
  margin: 0 0 14px;
  line-height: 1.45;
}

/* Mobil: oszlopok egymás alá, dekor kisebb és feljebb */
@media (max-width: 900px){
  .yy-auth__columns{
    grid-template-columns: 1fr;
  }
}

.woocommerce-form-login__submit {
    background:#3F6649!important;
    color:#fff!important;
}

/* Lost password page */
.yy-auth--lost .yy-auth__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px !important;
}

.yy-auth--lost .yy-auth__back{
  text-decoration: none;
}