/*
 Theme Name:  Astra Child – Eaton Academic
 Theme URI:   https://learn.eatonacademic.com/
 Description: Child-theme for Astra.
 Author:      Eaton Academic
 Author URI:  https://learn.eatonacademic.com/
 Template:    astra
 Version:     1.0.0
*/

/*--------------------------------------------------------------------
 TABLE OF CONTENTS
 ---------------------------------------------------------------------
 01  Woo Account – responsive stacked table
 02  Login / Register – two-column → single column
 03  Generic Woo tables – stacked cards on mobile
 04  Tribe Tickets (force visible on mobile)
 05  “Show Password” button – My-Account login
 06  CTA  ( .enroll-cta  )   reusable orange button
 07  Blog typography (body, headings, links)
 08  Paragraph / list font-size on phones
 09  Eaton landing-page framework
        9-a Ribbon
        9-b Global spacing helper
        9-c Hero band, logo row, eligibility widget
 ------------------------------------------------------------------*/

/*======================================================================
 01 │ Woo Account tables → stacked cards < 768 px
======================================================================*/
@media (max-width:768px){
  .woocommerce-account table,
  .woocommerce-account thead,
  .woocommerce-account tbody,
  .woocommerce-account tfoot,
  .woocommerce-account tr,
  .woocommerce-account th,
  .woocommerce-account td{
    display:block;width:100%;
  }
  .woocommerce-account thead{display:none;}
  .woocommerce-account tr{
    margin-bottom:20px;border:1px solid #ccc;border-radius:4px;background:#fff;
  }
  .woocommerce-account td{
    position:relative;padding:10px 12px;border:none;box-sizing:border-box;
  }
  .woocommerce-account td::before{
    content:attr(data-title);
    display:block;font-weight:700;margin-bottom:5px;color:#30537c;
  }
}
@media (max-width:480px){
  .woocommerce-account tr{margin-bottom:16px;}
  .woocommerce-account td{padding:8px 10px;}
}

/*======================================================================
 02 │ Login / Register columns → single column
======================================================================*/
@media (max-width:768px){
  #customer_login.u-columns.col2-set{
    display:flex;flex-direction:column;gap:20px;
  }
}
@media (max-width:480px){
  #customer_login.u-columns.col2-set{gap:15px;}
}

/*======================================================================
 03 │ Any Woo table → stacked card layout (extra safety)
======================================================================*/
@media (max-width:768px){
  .woocommerce table,
  .woocommerce thead,
  .woocommerce tbody,
  .woocommerce tr,
  .woocommerce th,
  .woocommerce td{
    display:block;width:100%;
  }
  .woocommerce thead{display:none;}
  .woocommerce tr{
    margin-bottom:20px;border:1px solid #ccc;border-radius:4px;background:#fff;
  }
  .woocommerce td{
    position:relative;padding:10px 12px;border:none;box-sizing:border-box;
  }
  .woocommerce td::before{
    content:attr(data-title);
    display:block;font-weight:700;margin-bottom:5px;color:#30537c;
  }
}
@media (max-width:480px){
  .woocommerce tr{margin-bottom:16px;}
  .woocommerce td{padding:8px 10px;}
}

/*======================================================================
 04 │ Tribe Tickets – make the form visible on small screens
======================================================================*/
@media (max-width:768px){
  .event-tickets .tribe-tickets__tickets-form,
  .tribe-tickets__tickets-form{
    display:block !important; visibility:visible !important;
    opacity:1 !important; height:auto !important;
  }
}

/*======================================================================
 05 │ “Show password” button (page-ID 1466)
======================================================================*/
.page-id-1466 .woocommerce-form-login button.show-password-input{
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  background:#ff5300;border:2px solid #ff5300;border-radius:5px;color:#fff;
  font-size:16px;cursor:pointer;transition:.2s;
}
.page-id-1466 .woocommerce-form-login button.show-password-input:hover{
  background:#fff;color:#ff5300;
}

/*======================================================================
 06 │ Global orange CTA button (.enroll-cta .btn)
======================================================================*/
.enroll-cta{text-align:center;margin-top:2rem;}
.enroll-cta .btn{
  display:inline-flex;align-items:center;justify-content:center;
  font:500 20px 'Poppins',sans-serif;line-height:normal;
  color:#ff5300;background:#fff;border:2px solid #ff5300;border-radius:20px;
  padding:1em 1.3em;box-shadow:0 3px 8px rgba(0,0,0,.2);
  text-decoration:none!important;transition:.2s;
}
.enroll-cta .btn:hover,
.enroll-cta .btn:focus{
  background:#ff5300;color:#fff!important;
}

/* — keep white text when this button is inside blog posts — */
.single.single-post .entry-content .enroll-cta .btn:hover,
.single.single-post .entry-content .enroll-cta .btn:focus,
.ast-single-post  .entry-content .enroll-cta .btn:hover,
.ast-single-post  .entry-content .enroll-cta .btn:focus{
  color:#ffffff!important;
}

/*======================================================================
 07 │ Blog typography overrides
======================================================================*/
.single.single-post .entry-content,
.ast-single-post    .entry-content{color:#666!important;}

.single.single-post h1, .single.single-post h2, .single.single-post h3,
.single.single-post h4, .single.single-post h5, .single.single-post h6,
.ast-single-post    h1, .ast-single-post    h2, .ast-single-post    h3,
.ast-single-post    h4, .ast-single-post    h5, .ast-single-post    h6{
  color:#30537c!important;
}

.single.single-post .entry-content a,
.ast-single-post    .entry-content a{
  color:#ff5300!important;text-decoration:none;
}
.single.single-post .entry-content a:hover,
.ast-single-post    .entry-content a:hover{
  color:#cc4200!important;
}

/*======================================================================
 08 │ Larger body copy on very small phones
======================================================================*/
@media (max-width:480px){
  body.single.single-post .entry-content p,
  body.single.single-post .entry-content li,
  body.ast-single-post    .entry-content p,
  body.ast-single-post    .entry-content li{
    font-size:18px!important;line-height:1.6!important;
  }
}

/*======================================================================
 09 │ Eaton LP framework  (shared by all “BT-FLVS” pages)
======================================================================*/

/*–– 9-a Ribbon –––––––––––––––––––––––––––––––––––––––––––*/
.ea-ribbon{
  position:fixed;top:0;left:0;right:0;z-index:9999;
  padding:6px 10px;background:#ffd8b8;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  display:flex;justify-content:center;align-items:center;
  font-family:'Poppins',Arial,sans-serif;
}
.ea-ribbon-text{
  font-weight:600;color:#103d66;letter-spacing:.3px;line-height:1.25;text-align:center;
}
.ea-ribbon-text{font-size:16px}
@media (max-width:480px){.ea-ribbon-text{font-size:15px}}
@media (max-width:413px){.ea-ribbon-text{font-size:14px}}
@media (max-width:360px){
  .ea-ribbon-text{font-size:13.5px}
  .seat-info{display:block;margin-top:2px}
}
body.elementor-page{padding-top:52px!important}

/*–– 9-b Global spacing helper –––––––––––––––––––––––––––*/
:root{
  --ea-space-desktop:40px;
  --ea-space-mobile:24px;
}
.ea-section{margin-block:var(--ea-space-desktop);}
.ea-ribbon + .ea-section{margin-top:-18px;}
@media (max-width:600px){
  .ea-section{margin-block:var(--ea-space-mobile);}
  .ea-ribbon + .ea-section{margin-top:-22px;}
}

/*–– 9-c Hero, logo row & eligibility widget –––––––––––––*/
.ea-hero-band{background:#fff;padding:0 0 8px;}

.ea-hero{
  font-family:'Poppins',sans-serif;text-align:center;
  max-width:720px;margin:0 auto;padding:0 12px 12px;
}
.ea-hero h1{
  color:#30537c;font-size:34px;line-height:1.15;font-weight:700;margin:0 0 10px;
}
.ea-sub{color:#666;font-size:20px;line-height:1.35;font-weight:600;margin:0 0 10px;}
.ea-badge{
  display:inline-block;background:#fff4d8;color:#666;
  font-size:15px;font-weight:600;padding:3px 8px;border-radius:4px;margin-bottom:14px;
}

.ea-logo-row{display:flex;justify-content:center;gap:12px;margin:4px 0 12px;}
.ea-logo-row img{max-height:110px;width:auto;}

.ea-widget-wrap{text-align:center;max-width:1080px;margin:0 auto;}
.ea-widget{
  display:flex;flex-wrap:wrap;gap:4px;justify-content:center;
  padding:12px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.ea-widget input,.ea-widget select{
  flex:1 1 30%;min-width:0;height:42px;padding:0 8px;font-size:15px;
  border:1px solid #ccc;border-radius:6px;transition:border-color .15s;
}
.ea-widget input:focus,.ea-widget select:focus{border-color:#ff5300;outline:none;}
.ea-widget button{
  flex:1 1 32%;height:50px;font-size:20px;font-weight:700;
  background:#ff5300;color:#fff;border:none;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:filter .15s,transform .1s;-webkit-tap-highlight-color:transparent;
}
.ea-widget button:hover,.ea-widget button:focus{filter:brightness(1.05);}
.ea-widget button:active{transform:translateY(1px);}

/* — responsive hero tweaks — */
@media (max-width:480px){
  .ea-hero h1{font-size:28px;}
  .ea-sub{font-size:17px;}
  .ea-logo-row img{max-height:100px;}
}
@media (max-width:375px){
  .ea-hero h1{font-size:26px;}
  .ea-sub{font-size:16px;}
}