/* ==========================================================================
   Amazon Choices — styles (Tent Explorer build)
   Uses the theme's own design tokens (--pine, --rust, --disp, --amber-soft …)
   so the grid, cards, skeletons and banner render identically to the rest of
   the theme. (The portable build of this module uses neutral --ac-* tokens;
   this copy is wired straight to Tent Explorer's palette.)
   ========================================================================== */

/* Bundled full-page template wrapper — only used if a theme provides no
   page-my-amazon-choices.php. Tent Explorer ships its own, so these are inert. */
.amzc-page { max-width: var(--maxw, 1180px); margin-inline: auto; padding: 0 22px 64px; }
.amzc-hero { padding: 40px 0 26px; }
.amzc-hero h1 { font-family: var(--disp, "Oswald", system-ui, sans-serif); font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1.1; color: var(--ink, #1f261d); margin: 0 0 10px; }
.amzc-hero-intro { max-width: 760px; color: var(--muted, #6b7263); }
.amzc-body { margin-top: 8px; }

/* ===== grid shell ===== */
.ac-wrap{max-width:var(--maxw,1180px);margin-inline:auto;}
.ac-note{background:var(--amber-soft);border:1px solid #ecdcc0;border-radius:var(--r);padding:18px 22px;color:var(--ink);font-weight:600;}
.ac-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 18px;background:var(--card,#fffdf7);border:2px solid var(--ink);border-radius:var(--r);margin-bottom:30px;position:sticky;top:90px;z-index:20;}
.ac-nav span{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--ink);font-size:.82rem;margin-right:4px;}
.ac-nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:50px;border:2px solid var(--line-2);font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-weight:500;font-size:.8rem;color:var(--ink);transition:.2s;}
.ac-nav a:hover{border-color:var(--pine);color:var(--pine);}
.ac-nav a em{font-style:normal;font-weight:700;color:var(--rust);}
.ac-section{margin-bottom:44px;scroll-margin-top:110px;}
.ac-section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--ink);}
.ac-section-head h2{font-size:clamp(1.4rem,2.6vw,2rem);}
.ac-section-head span{font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--faint);}
.ac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:1040px){.ac-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){.ac-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}
.ac-card{background:var(--card,#fffdf7);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh-xs,var(--sh));transition:transform .2s,box-shadow .2s;}
.ac-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.ac-disclosure{color:var(--faint);font-size:.82rem;margin-top:10px;}
.ac-section.ac-empty{display:none;}

/* ===== skeletons (shown until each card streams in) ===== */
.ac-skel{pointer-events:none;}
.ac-skel-thumb{aspect-ratio:1;background:var(--amber-soft);position:relative;overflow:hidden;}
.ac-skel-body{height:148px;box-sizing:border-box;padding:16px 15px;display:flex;flex-direction:column;gap:11px;}
.ac-skel-body span{display:block;height:12px;border-radius:4px;background:var(--line-2);position:relative;overflow:hidden;}
.ac-skel-body span:nth-child(1){width:95%;}
.ac-skel-body span:nth-child(2){width:88%;}
.ac-skel-body span:nth-child(3){width:55%;}
.ac-skel-btn{width:100%!important;height:38px!important;margin-top:auto;}
.ac-skel-thumb::after,.ac-skel-body span::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:ac-shimmer 1.2s ease-in-out infinite;}
@keyframes ac-shimmer{100%{transform:translateX(100%);}}
@media(prefers-reduced-motion:reduce){.ac-skel-thumb::after,.ac-skel-body span::after{animation:none;}}

/* ===== rebuilt AAWP card (image + title + Buy button only) ===== */
.ac-card--aawp{padding:0;overflow:hidden;}
.ac-card--aawp .aawp{margin:0;}
.ac-card--aawp .aawp-product{display:flex;flex-direction:column;height:100%;margin:0;padding:0;border:none;background:none;box-shadow:none;}
.ac-card--aawp .aawp-product__thumb{margin:0;}
.ac-card--aawp .aawp-product__thumb,.ac-card--aawp .aawp-product__image-link{display:block;}
.ac-card--aawp .aawp-product__image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border: solid 15px var(--amber-soft);}
.ac-card--aawp .aawp-product__content{padding:14px 15px 10px;height:86px;box-sizing:border-box;overflow:hidden;}
.ac-card--aawp .aawp-product__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--body-f);font-weight:800;font-size:.95rem;line-height:1.35;color:var(--ink);text-decoration:none;margin:0;}
.ac-card--aawp .aawp-product__title:hover{color:var(--pine);}
.ac-card--aawp .aawp-product__description,.ac-card--aawp .aawp-product__pricing,.ac-card--aawp .aawp-product__rating,.ac-card--aawp .aawp-disclaimer,.ac-card--aawp .aawp-product__bonus{display:none!important;}
.ac-card--aawp .aawp-product__footer{padding:10px 15px 14px;height:62px;box-sizing:border-box;}
.ac-card--aawp .aawp-button,.ac-card--aawp .aawp-button--buy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:0;background:var(--rust);color:#fff!important;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:.82rem;line-height:1.2;padding:11px 14px;border:none;border-radius:var(--r);text-decoration:none;box-shadow:none;}
.ac-card--aawp .aawp-button:hover,.ac-card--aawp .aawp-button--buy:hover{background:var(--rust-deep);color:#fff!important;}
.ac-card--aawp .aawp-button::after,.ac-card--aawp .aawp-button::before{display:none!important;}

/* ===== [amazon_choices_banner] CTA ===== */
.ac-banner{display:flex;align-items:center;gap:18px;background:var(--amber-soft);border:1px solid #ecdcc0;border-left:6px solid var(--amber);border-radius:var(--r);padding:18px 22px;box-shadow:var(--sh-xs,none);transition:transform .2s,box-shadow .2s;margin:6px 0;}
.ac-banner:hover{transform:translateY(-2px);box-shadow:var(--sh);}
.ac-banner-ic{width:52px;height:52px;border-radius:var(--r);background:var(--amber);color:#3a2c12;display:grid;place-items:center;flex-shrink:0;}
.ac-banner-tx{flex:1;min-width:0;}
.ac-banner-tx b{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-size:1.2rem;color:var(--ink);}
.ac-banner-tx span{color:var(--muted);font-size:.94rem;}
.ac-banner-btn{display:inline-flex;align-items:center;gap:8px;background:var(--rust);color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:.86rem;padding:12px 20px;border-radius:var(--r);white-space:nowrap;flex-shrink:0;}
.ac-banner:hover .ac-banner-btn{background:var(--rust-deep);}
@media(max-width:640px){.ac-banner{flex-wrap:wrap;}.ac-banner-btn{width:100%;justify-content:center;}}