/*
Theme Name: AlbaBooks
Theme URI: https://example.com/albabooks
Author: AlbaBooks
Description: Premium ebook and audiobook discovery theme with subscription pricing cards.
Version: 4.20.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: albabooks
License: GNU General Public License v2 or later
*/


/* =========================================================
   AlbaSolutions v4.7.2 — header navigation readability fix
   Final overrides for the latest concept.
   ========================================================= */
html body{background:#f7f5f1!important;color:#1d2f4b!important}
html body .site-header.ab-light-header{
  height:92px!important;background:#ffffff!important;border-bottom:1px solid #ece7df!important;
  box-shadow:0 8px 26px rgba(20,43,76,.06)!important;
}
html body .site-header.ab-light-header .site-nav{
  height:92px!important;width:min(100% - 72px,1440px)!important;margin:0 auto!important;
  background:#ffffff!important;color:#142b4c!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;
}
html body .site-header.ab-light-header .brand{color:#142b4c!important}
html body .site-header.ab-light-header .brand-logo-image{
  width:245px!important;height:64px!important;max-width:245px!important;object-fit:contain!important;
  mix-blend-mode:multiply!important;
}
html body .site-header.ab-light-header .main-nav a{color:#142b4c!important;opacity:1!important}
html body .site-header.ab-light-header .main-nav a:hover{color:#ff6334!important}
html body .site-header.ab-light-header .search-icon{
  color:#142b4c!important;border:1px solid #e1e5eb!important;width:52px!important;height:52px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;padding:0!important;font-size:28px!important;
}
html body .site-header.ab-light-header .login-nav{
  color:#142b4c!important;background:#fff!important;border:1px solid #b9c3d0!important;
  border-radius:12px!important;padding:13px 25px!important;
}
html body .site-header.ab-light-header .subscribe-nav{
  color:#fff!important;background:linear-gradient(135deg,#ff7447,#ff5728)!important;border:0!important;
  border-radius:12px!important;padding:14px 28px!important;box-shadow:0 10px 22px rgba(255,99,52,.2)!important;
}
html body .site-header.ab-light-header .nav-divider{display:none!important}

/* Checkout banner matching the latest visual concept.
   min-height was a fixed 224px and the grid reserved a 52% column for
   .ab-checkout-hero-art -- but that element is hidden site-wide (see
   main.css), so that column rendered as a large empty gap next to the
   text. This is the actual, long-standing cause of the "banner is too
   big" reports: this compound two-class selector out-specifies every
   single-class shrink attempt made in main.css, no matter how many
   times that file was patched. Collapsed to one column, height auto. */
html body .ab-checkout-page{
  background:radial-gradient(circle at 10% 12%,rgba(255,189,108,.20),transparent 26%),#f7f5f1!important;
  padding:26px 18px 38px!important;
}
html body .ab-checkout-container{width:min(100%,1500px)!important}
html body .ab-checkout-heading.ab-checkout-hero{
  min-height:0!important;height:auto!important;margin:0 0 28px!important;border-radius:22px!important;overflow:hidden!important;
  padding:0!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;
  background:linear-gradient(108deg,#fff8ec 0%,#fff2e8 46%,#f8d7db 100%)!important;
  border:1px solid #f1e3db!important;box-shadow:0 14px 34px rgba(20,43,76,.05)!important;
}
html body .ab-checkout-hero-copy{padding:36px 40px!important;position:relative;z-index:2!important}
html body .ab-checkout-heading h1{font-size:72px!important;line-height:1!important;color:#142b4c!important;letter-spacing:-3px!important;margin:0!important}
html body .ab-breadcrumbs{margin-top:22px!important;font-size:16px!important;color:#657085!important}
html body .ab-breadcrumbs a{color:#657085!important;text-decoration:none!important}
html body .ab-breadcrumbs strong{color:#e95321!important}
html body .ab-checkout-hero-art{
  min-height:224px!important;background-image:url('../images/checkout-hero-art.png')!important;background-size:cover!important;
  background-position:center right!important;background-repeat:no-repeat!important;
}
/* Cards and summary */
html body .ab-checkout-grid{grid-template-columns:1.55fr 1fr!important;gap:28px!important}
html body .ab-checkout-card,html body .ab-order-summary{
  background:#ffffff!important;border:1px solid #e8e2d9!important;border-radius:22px!important;
  box-shadow:0 18px 40px rgba(20,43,76,.06)!important;color:#1d2f4b!important;
}
html body .ab-card-title h2,html body .ab-order-summary h2{color:#142b4c!important}
html body .ab-checkout-card>label,html body .ab-checkout-card label span{color:#1d2f4b!important}
html body .ab-checkout-card input:not([type="checkbox"]),html body .ab-checkout-card select{
  background:#fff!important;color:#1d2f4b!important;border-color:#d9dfe7!important;
}
html body .ab-checkout-card input::placeholder{color:#7a8799!important}
html body .ab-consent,html body .ab-payment-info{background:#fffaf6!important;color:#1d2f4b!important;border-color:#f0e5dc!important}
html body .ab-payment-info h2{color:#142b4c!important}
html body .ab-payment-info p,html body .ab-payment-info small,html body .ab-checkout-note{color:#657085!important}
html body .ab-payment-button{background:linear-gradient(135deg,#ff7447,#ff5728)!important;color:#fff!important}
html body .ab-order-row,html body .ab-order-features{color:#1d2f4b!important}
html body .ab-order-muted{color:#4f5b6d!important}
html body .ab-order-total{background:#fff4ee!important}
html body .ab-order-total span:last-child,html body .ab-order-check{color:#e95321!important}

/* Bright footer matching the supplied concept */
html body .ab-footer.ab-footer-concept{
  display:block!important;background:#ffffff!important;color:#1d2f4b!important;border-top:1px solid #ece7df!important;
  padding:34px 18px 22px!important;box-shadow:none!important;
}
html body .ab-footer-concept .ab-footer-benefits{
  width:min(100%,1500px)!important;margin:0 auto!important;background:linear-gradient(135deg,#fffdf9,#ffffff)!important;
  border:1px solid #e8e2d9!important;border-radius:20px!important;box-shadow:0 14px 35px rgba(20,43,76,.05)!important;
}
html body .ab-footer-concept .ab-footer-brand .brand-logo-image{width:245px!important;height:68px!important;max-width:100%!important;mix-blend-mode:multiply!important}
html body .ab-footer-concept .ab-footer-brand>p,html body .ab-footer-concept .ab-benefit p{color:#536176!important}
html body .ab-footer-concept .ab-benefit h4{color:#142b4c!important}
html body .ab-footer-concept .ab-benefit>span{color:#e95321!important}
html body .ab-footer-concept .ab-footer-links{color:#647083!important}
html body .ab-footer-concept .ab-footer-links a{color:#647083!important}
html body .ab-footer-concept .ab-footer-links span{color:#b6bdc8!important}

@media(max-width:1000px){
  html body .site-header.ab-light-header .site-nav{width:calc(100% - 36px)!important}
  html body .ab-checkout-heading.ab-checkout-hero{grid-template-columns:1fr!important}
  html body .ab-checkout-hero-copy{padding:42px!important}
  html body .ab-checkout-hero-art{display:none!important}
  html body .ab-checkout-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  html body .site-header.ab-light-header,html body .site-header.ab-light-header .site-nav{height:74px!important}
  html body .site-header.ab-light-header .brand-logo-image{width:190px!important;height:52px!important}
  html body .ab-checkout-heading h1{font-size:48px!important}
  html body .ab-checkout-hero-copy{padding:34px 28px!important}
}