/*
Theme Name: MAAPAT AI Help
Theme URI: https://maapat-ai-help.com
Author: Michael M. Rozov
Description: Practical AI help for small business. Built for maapat-ai-help.com with WooCommerce support.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: maapat-ai-help
*/


:root{
  --ink:#1C1815; --deep:#2E2621; --slate:#463A32;
  --acc:#A85A1C; --acc-lt:#D98324; --warn:#8C6D1F;
  --paper:#FDFBF7; --soft:#F4EEE4; --line:#E3D9C9; --grey:#6B5F55;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);
     line-height:1.68;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'IBM Plex Serif',Georgia,serif;font-weight:500;line-height:1.2}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px}
.narrow{max-width:790px;margin:0 auto}

.draft{background:#FFF4D6;border-bottom:1px solid #E8D18A;color:#6B5518;
       font-size:13px;text-align:center;padding:9px 18px}

/* nav */
nav{position:sticky;top:0;z-index:60;background:rgba(28,24,21,.97);
    backdrop-filter:blur(9px);border-bottom:1px solid rgba(217,131,36,.3)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-family:'IBM Plex Serif',serif;font-size:21px;color:#fff;letter-spacing:.04em}
.brand b{color:var(--acc-lt);font-weight:500}
.navlinks{display:flex;gap:27px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:500}
.navlinks a{color:#CDBFB2;text-decoration:none;transition:color .2s}
.navlinks a:hover{color:var(--acc-lt)}
.navcall{color:var(--acc-lt)!important}
@media(max-width:900px){.navlinks{display:none}}

/* hero */
header.hero{background:linear-gradient(160deg,var(--ink) 0%,var(--deep) 55%,var(--slate) 100%);
  color:#fff;padding:88px 0 78px;position:relative;overflow:hidden}
header.hero::before{content:'';position:absolute;inset:0;opacity:.30;
  background-image:
    linear-gradient(rgba(217,131,36,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,131,36,.10) 1px,transparent 1px);
  background-size:52px 52px}
.hero-in{position:relative;z-index:2}
.tagline{color:var(--acc-lt);letter-spacing:.2em;text-transform:uppercase;
  font-size:12px;font-weight:600;margin-bottom:22px}
header.hero h1{font-size:clamp(34px,5.4vw,58px);margin-bottom:22px;max-width:900px}
header.hero p.sub{font-size:clamp(17px,2vw,21px);color:#E0D3C6;max-width:680px;font-weight:300}
.hero-cta{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.btn{display:inline-block;background:var(--acc);color:#2A1A08;padding:15px 32px;
  text-decoration:none;font-size:14px;letter-spacing:.06em;font-weight:600;
  border-radius:3px;transition:background .2s,transform .2s}
.btn:hover{background:var(--acc-lt);transform:translateY(-1px)}
.btn.line{background:transparent;color:var(--acc-lt);border:1px solid rgba(217,131,36,.55)}
.btn.line:hover{background:rgba(217,131,36,.12);color:var(--acc-lt)}
.hero-note{margin-top:26px;font-size:14px;color:#A8998C}

/* sections */
section{padding:84px 0}
section.white{background:#fff}
section.soft{background:var(--soft)}
section.dark{background:var(--deep);color:#EFE6DA}
section.dark h2,section.dark h3{color:#fff}
.eyebrow{color:var(--acc);letter-spacing:.19em;text-transform:uppercase;
  font-size:11.5px;font-weight:700;margin-bottom:16px}
section.dark .eyebrow{color:var(--acc-lt)}
h2{font-size:clamp(28px,4vw,42px);margin-bottom:24px}
.lead{font-size:19.5px;color:#453A31;margin-bottom:18px;font-weight:300}
section.dark .lead{color:#DCCFC2}
p{margin-bottom:16px}
p.small{font-size:15px;color:var(--grey)}
section.dark p.small{color:#A8998C}

/* problem cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:38px}
.card{background:#fff;border:1px solid var(--line);border-radius:5px;padding:28px 26px}
section.dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.card h3{font-size:20px;margin-bottom:10px}
.card p{font-size:15.5px;margin-bottom:0;color:#4A3D34}
section.dark .card p{color:#D3C5B8}

/* big stat */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);margin-top:40px}
.stats div{background:#fff;padding:30px 26px}
.stats .n{font-family:'IBM Plex Serif',serif;font-size:34px;color:var(--deep);
  line-height:1.1;margin-bottom:8px}
.stats .t{font-size:14.5px;color:var(--grey);line-height:1.5}

/* list */
ul.ticks{list-style:none;margin:26px 0}
ul.ticks li{padding-left:32px;position:relative;margin-bottom:15px;font-size:16.5px}
ul.ticks li::before{content:'';position:absolute;left:0;top:10px;width:16px;height:2px;
  background:var(--acc)}
section.dark ul.ticks li::before{background:var(--acc-lt)}

/* steps */
.steps{margin-top:36px}
.step{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:24px 0;
  border-bottom:1px solid var(--line)}
section.dark .step{border-color:rgba(255,255,255,.13)}
.step:last-child{border-bottom:none}
.stepn{font-family:'IBM Plex Serif',serif;font-size:30px;color:var(--acc);line-height:1}
.step h3{font-size:20px;margin-bottom:7px}
.step p{font-size:15.5px;margin-bottom:0;color:#4A3D34}
section.dark .step p{color:#D3C5B8}

/* pricing */
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px;margin-top:40px}
.price{background:#fff;border:1px solid var(--line);border-radius:5px;padding:32px 28px;
  display:flex;flex-direction:column}
.price.feature{border:2px solid var(--acc);position:relative}
.price .badge{position:absolute;top:-12px;left:28px;background:var(--acc);color:#2A1A08;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:4px 12px;border-radius:2px}
.price h3{font-size:21px;margin-bottom:6px}
.price .amt{font-family:'IBM Plex Serif',serif;font-size:37px;color:var(--deep);margin:14px 0 4px}
.price .per{font-size:14px;color:var(--grey);margin-bottom:18px}
.price ul{list-style:none;margin:0 0 20px}
.price li{font-size:15px;padding-left:22px;position:relative;margin-bottom:9px;color:#4A3D34}
.price li::before{content:'';position:absolute;left:0;top:9px;width:11px;height:2px;background:var(--acc)}

/* honesty box */
.honest{background:#FFF8EC;border-left:4px solid var(--warn);padding:26px 28px;margin-top:36px}
.honest h3{font-size:20px;margin-bottom:10px;color:#7A5A11}
.honest p{font-size:16px;color:#5E5220;margin-bottom:0}

/* about */
.about{display:grid;grid-template-columns:200px 1fr;gap:38px;align-items:start}
@media(max-width:760px){.about{grid-template-columns:1fr;gap:24px}}
.avatar{width:180px;height:180px;border-radius:50%;background:var(--deep);
  display:flex;align-items:center;justify-content:center;color:var(--acc-lt);
  font-family:'IBM Plex Serif',serif;font-size:52px;letter-spacing:.04em}
.clients{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.clients span{background:var(--soft);border:1px solid var(--line);border-radius:3px;
  font-size:13px;padding:6px 12px;color:#4A3D34}
section.dark .clients span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#DCCFC2}

/* order table */
.otab{width:100%;border-collapse:collapse;margin-top:34px;background:#fff;border:1px solid var(--line)}
.otab th{background:var(--deep);color:#fff;text-align:left;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;padding:14px 16px;font-weight:600}
.otab td{padding:16px;border-bottom:1px solid var(--line);font-size:15.5px;vertical-align:top}
.otab tr:last-child td{border-bottom:none}
.otab .amt{font-family:'IBM Plex Serif',serif;font-size:22px;color:var(--deep);white-space:nowrap}
.otab .pay{white-space:nowrap}
.paybtn{display:inline-block;background:var(--acc);color:#2A1A08;padding:10px 20px;
  text-decoration:none;font-size:13px;font-weight:600;border-radius:3px}
.paybtn:hover{background:var(--acc-lt)}
.paybtn.off{background:#E3D9C9;color:#9C8D7F;pointer-events:none}
@media(max-width:720px){.otab,.otab tbody,.otab tr,.otab td{display:block;width:100%}
  .otab thead{display:none}.otab td{border-bottom:none;padding:6px 16px}
  .otab tr{border-bottom:1px solid var(--line);padding:12px 0}}

/* form */
form{margin-top:34px;display:grid;gap:17px;max-width:580px}
label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#A8998C;
  display:block;margin-bottom:7px;font-weight:600}
input,textarea,select{width:100%;padding:14px 15px;background:rgba(255,255,255,.07);
  border:1px solid rgba(47,196,172,.3);color:#fff;font-family:inherit;font-size:15.5px;border-radius:3px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc);background:rgba(255,255,255,.11)}
textarea{min-height:110px;resize:vertical}
select option{background:var(--deep);color:#fff}
button{background:var(--acc);color:#2A1A08;border:none;padding:16px 36px;font-family:inherit;
  font-size:14px;letter-spacing:.06em;font-weight:700;cursor:pointer;justify-self:start;border-radius:3px}
button:hover{background:var(--acc-lt)}

footer{background:#141110;color:#9C8D7F;font-size:14px;padding:52px 0 40px}
footer a{color:var(--acc-lt);text-decoration:none}
footer .fg{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:22px}
footer h4{color:#EAE0D3;font-family:'IBM Plex Serif',serif;font-size:19px;margin-bottom:11px;font-weight:500}
.disc{font-size:12px;color:#6E6055;line-height:1.7;max-width:840px}

/* questions and answers */
.qa{margin-top:34px}
.qa details{border:1px solid var(--line);border-radius:5px;background:#fff;
            margin-bottom:11px;padding:0}
section.soft .qa details{background:#fff}
.qa summary{cursor:pointer;padding:17px 21px;font-weight:600;font-size:16.5px;
            list-style:none;color:var(--deep);line-height:1.45}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'+';float:right;color:var(--acc);font-weight:400;
                   font-size:22px;line-height:1}
.qa details[open] summary::after{content:'\2212'}
.qa details[open] summary{border-bottom:1px solid var(--line)}
.qa .ans{padding:16px 21px 4px;font-size:15.8px;color:#41362E}
.qa .ans p{margin-bottom:13px}

/* ===== WordPress / WooCommerce additions ===== */
.wp-block-image img{max-width:100%;height:auto}
.alignleft{float:left;margin:0 22px 16px 0}
.alignright{float:right;margin:0 0 16px 22px}
.aligncenter{display:block;margin:0 auto 16px}
.screen-reader-text{position:absolute;left:-9999px}

.pagebody{padding:70px 0 84px}
.pagebody h1{font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(30px,4.4vw,44px);
             margin-bottom:22px;line-height:1.15}
.pagebody h2{font-size:clamp(24px,3.2vw,32px);margin:34px 0 16px}
.pagebody h3{font-family:'IBM Plex Serif',Georgia,serif;font-size:21px;margin:26px 0 10px}
.pagebody ul,.pagebody ol{margin:0 0 18px 22px}
.pagebody li{margin-bottom:8px;font-size:16.5px}
.pagebody p{font-size:16.8px;line-height:1.72}
.pagebody table{width:100%;border-collapse:collapse;margin:24px 0}
.pagebody th{background:var(--deep);color:#fff;text-align:left;padding:12px 14px;font-size:13.5px;
             letter-spacing:.05em;text-transform:uppercase}
.pagebody td{border-bottom:1px solid var(--line);padding:13px 14px;font-size:16px;vertical-align:top}

/* woocommerce */
.woocommerce .wrap{max-width:1120px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:26px;list-style:none;margin:34px 0 0;padding:0}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:5px;
  padding:24px 22px 26px;text-align:left}
.woocommerce ul.products li.product a{text-decoration:none}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'IBM Plex Serif',Georgia,serif;font-size:20px;line-height:1.3;margin:0 0 10px;color:var(--ink)}
.woocommerce ul.products li.product .price{display:block;font-size:26px;color:var(--acc);
  font-weight:600;margin-bottom:14px;font-family:'Inter',sans-serif}
.woocommerce ul.products li.product img{margin-bottom:16px;border-radius:3px}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,
.woocommerce input.button,.woocommerce #respond input#submit{
  background:var(--acc);color:#2A1A08;border:0;border-radius:3px;padding:14px 26px;
  font-size:14px;font-weight:600;letter-spacing:.05em;cursor:pointer;
  transition:background .2s;text-decoration:none;display:inline-block}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--acc-lt)}
.woocommerce .button.alt,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--acc)}
.woocommerce div.product .product_title{font-family:'IBM Plex Serif',Georgia,serif;
  font-size:clamp(28px,4vw,40px);margin-bottom:16px}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--acc);font-size:32px;font-weight:600;margin-bottom:20px}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:17px;line-height:1.7}
.woocommerce-message,.woocommerce-info{border-top-color:var(--acc);background:var(--soft);padding:16px 20px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--acc)}
.woocommerce table.shop_table{border-collapse:collapse;width:100%}
.woocommerce table.shop_table th{background:var(--deep);color:#fff}
.woocommerce-tabs ul.tabs li a{font-weight:600}
.woocommerce nav.woocommerce-breadcrumb{font-size:14px;color:var(--grey);margin-bottom:22px}

/* nav menu produced by WordPress */
.navlinks ul.navmenu{display:flex;gap:27px;list-style:none;margin:0;padding:0;align-items:center}
.navlinks ul.navmenu li{margin:0}
.navlinks ul.navmenu a{color:#CDBFB2;text-decoration:none;transition:color .2s}
.navlinks ul.navmenu a:hover,.navlinks ul.navmenu li.current-menu-item a{color:var(--acc-lt)}
@media(max-width:900px){.navlinks{display:none}}

/* book */
.bookgrid{display:grid;grid-template-columns:290px 1fr;gap:50px;align-items:start;margin-top:38px}
.bookart img{width:100%;border-radius:3px;
  box-shadow:0 22px 48px rgba(0,0,0,.42),0 3px 10px rgba(0,0,0,.28)}
.bookcopy h3{font-size:26px;margin-bottom:8px}
.booksub{color:var(--acc-lt);font-size:16.5px;font-weight:500;margin-bottom:20px;line-height:1.5}
.booklist{list-style:none;margin:20px 0 24px}
.booklist li{padding:7px 0 7px 26px;position:relative;font-size:15.5px}
.booklist li::before{content:'';position:absolute;left:0;top:16px;width:11px;height:2px;background:var(--acc-lt)}
@media(max-width:820px){.bookgrid{grid-template-columns:1fr;gap:30px}.bookart{max-width:220px}}

/* quotes / testimonial-style pull */
.pull{border-left:3px solid var(--acc-lt);padding:6px 0 6px 24px;margin:26px 0;
  font-family:'IBM Plex Serif',Georgia,serif;font-size:20px;line-height:1.5;font-style:italic}