/* ============================================================
   AMED RODA SPA — WordPress / Elementor layer
   (main.css is the untouched original design system)
   ============================================================ */

/* ---------- Accessibility ---------- */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:1000;background:var(--cream);color:var(--green-800);padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)}
.treat-card:focus-visible,.btn:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- WP admin bar ---------- */
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
@media(max-width:600px){.admin-bar .nav{top:0}}

/* ---------- Elementor wrappers around theme sections ---------- */
.e-con.ars-sec{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-bottom:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--widgets-spacing:0px}
.ars-sec > .elementor-widget,.ars-sec > .e-con-inner > .elementor-widget{width:100%;max-width:100%;margin-bottom:0}
.elementor-section.ars-sec > .elementor-container > .elementor-column > .elementor-widget-wrap{padding:0}
.elementor-section.ars-sec .elementor-widget:not(:last-child){margin-bottom:0}
/* Elementor resets images globally — restore the design's image styles */
.elementor .avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--cream-2);box-shadow:0 8px 20px -8px rgba(12,38,32,.3)}
.elementor .gallery img{height:220px;border-radius:0}
.elementor .post .cover img{height:190px}
@media(max-width:820px){.elementor .gallery img{height:170px}}
/* Editor preview: show animated elements immediately */
.elementor-editor-active .reveal{opacity:1;transform:none}
.ars-empty{padding:28px;text-align:center;border:1px dashed var(--gold);border-radius:14px;color:#7d8a83;font-size:.9rem}

/* ---------- Section helpers ---------- */
.center .eyebrow{justify-content:center}
.ars-head + .grid-3{margin-top:54px}
.ars-head.left{text-align:left}
.ars-rich p{color:#43534B;margin-bottom:16px}
.ars-rich p:last-child{margin-bottom:0}
.ars-rich p.lead{color:#4A5A53}
.ars-rich strong{color:var(--green-800)}
.ars-rich ul{list-style:disc;margin:0 0 16px 22px;color:#43534B}
.section.dark .ars-rich p,.section.dark .ars-rich ul{color:var(--sage-light)}
.section.dark .ars-rich strong{color:var(--cream)}
.ars-rich a,.card p a,.faq-item .a a,.feature-list p a{color:var(--gold-2);font-weight:600}
.ars-foot{margin-top:40px}
.ars-foot p{color:#5C6B63;max-width:560px;margin:0 auto 22px}
.section.dark .ars-foot p{color:var(--sage-light)}
.ars-foot .btn + .btn{margin-left:12px}
@media(max-width:620px){.ars-foot .btn + .btn{margin-left:0;margin-top:12px}}
.grid-3.cols-2{grid-template-columns:repeat(2,1fr)}
.grid-3.cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.grid-3.cols-4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grid-3.cols-2,.grid-3.cols-4{grid-template-columns:1fr}}
.section.ars-pt-0{padding-top:0}.section.ars-pt-sm{padding-top:48px}
.section.ars-pb-0{padding-bottom:0}.section.ars-pb-sm{padding-bottom:48px}

/* ---------- Hero ---------- */
.hero .hero-ctas .btn svg{width:16px;height:16px}

/* ---------- Treatment menu ---------- */
.ars-footnote{margin-top:28px;font-size:.85rem;color:#7d8a83;text-align:center}
.ars-promo{display:inline-block;background:var(--white);border:1px solid rgba(23,70,58,.1);border-radius:16px;padding:18px 30px}
.ars-promo strong{color:var(--green-800)}
.ars-promo span{color:#5C6B63}
.td-inc-title{font-family:var(--font-serif);color:var(--green-800);margin:18px 0 4px;font-size:1.15rem}

/* ---------- Blog cards ---------- */
.post .more svg{width:15px;height:15px;flex:0 0 15px} /* original left this icon unsized (rendered ~150px) */

/* ---------- Testimonials ---------- */
.ars-badge-wrap{margin-bottom:34px}

/* ---------- Gallery & lightbox ---------- */
.gallery.cols-2{grid-template-columns:repeat(2,1fr)}
.gallery.cols-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.gallery.cols-3{grid-template-columns:1fr 1fr}}
.ars-gallery-intro{max-width:780px;margin:0 auto 10px}
.ars-gallery-intro p{color:#43534B;font-size:1.08rem;line-height:1.85}
.ars-lightbox{position:fixed;inset:0;background:rgba(12,38,32,.92);z-index:999;display:grid;place-items:center;cursor:zoom-out}
.ars-lightbox[hidden]{display:none}
.ars-lightbox img{max-width:92%;max-height:88vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}

/* ---------- Contact ---------- */
.split.ars-top{align-items:flex-start}
.ars-contact .lead{margin-bottom:30px}
.ars-form-card{background:var(--white);border:1px solid rgba(23,70,58,.1);border-radius:22px;padding:40px;box-shadow:var(--shadow)}
.ars-form-card h3{font-size:1.6rem;margin-bottom:8px}
.ars-form-card > p{font-size:.9rem;color:#5C6B63;margin-bottom:26px}
.ars-wa-form .fields{display:grid;gap:16px}
.ars-wa-form input,.ars-wa-form select,.ars-wa-form textarea{width:100%;padding:14px 18px;border:1px solid rgba(23,70,58,.2);border-radius:12px;font-family:inherit;font-size:.95rem;background:var(--cream);color:var(--ink)}
.ars-wa-form textarea{resize:vertical}
.ars-wa-form .btn{justify-content:center}
@media(max-width:560px){.ars-form-card{padding:28px 22px}}
.map-wrap{margin-top:40px}

/* ---------- Articles (blog posts & plain pages) ---------- */
.ars-article-meta{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);font-weight:600;display:block;margin-bottom:36px}
.article h3{font-size:1.4rem;margin:32px 0 12px}
.article ol{margin:0 0 18px 22px;list-style:decimal;color:#43534B;display:grid;gap:8px}
.article img{border-radius:14px;height:auto}
.article figure{margin:28px 0}
.article figcaption,.wp-caption-text{font-size:.82rem;color:#7d8a83;margin-top:8px;text-align:center}
.entry-content a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
.entry-content table{width:100%;border-collapse:collapse;margin:0 0 18px}
.entry-content th,.entry-content td{border-bottom:1px solid rgba(23,70,58,.12);padding:10px 8px;text-align:left}
.alignleft{float:left;margin:6px 24px 16px 0}
.alignright{float:right;margin:6px 0 16px 24px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}

/* ---------- Pagination (WP reuses the .nav-links class) ---------- */
.ars-pagination{margin-top:44px;text-align:center}
.navigation.pagination .nav-links{position:static;inset:auto;transform:none;box-shadow:none;background:none;padding:0;display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;font-size:.9rem}
.navigation.pagination .nav-links a::after{display:none}
.page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:999px;background:var(--white);border:1px solid rgba(23,70,58,.1);color:var(--green-800);font-weight:600}
.page-numbers.current{background:var(--green-800);color:var(--cream)}
