/*
Theme Name: Tohfa
Theme URI: https://armanbutt.online
Author: Arman Butt
Author URI: https://armanbutt.online
Description: Gift bag store theme by Arman Butt. Home page is the Tohfa bag-builder store. Three one-click styles (Classic Gift, Midnight Gold, Rose Pop), live Customizer preview, banner images, a professional footer and Elementor-ready full-width templates.
Version: 1.1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tohfa
Tags: e-commerce, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, threaded-comments
*/
:root{--bg:#F7F3EE;--sf:#fff;--ink:#1d1a1a;--mu:#6b6560;--ln:#e4dcd2;--ac:#7a2e2a;--ai:#fff;--hd:#14110f}
.tohfa-s-midnight{--bg:#14110f;--sf:#1f1b17;--ink:#f3ede4;--mu:#a89f93;--ln:#3a332b;--ac:#c9a24d;--ai:#14110f;--hd:#0a0908}
.tohfa-s-rose{--bg:#fff5f7;--sf:#fff;--ink:#2a1a20;--mu:#7a6169;--ln:#f1d6de;--ac:#c2456b;--ai:#fff;--hd:#2a1a20}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 Archivo,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--ac)}img{max-width:100%;height:auto}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.01em}
.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:999}
.wrap{max-width:1180px;margin:0 auto;padding:36px 20px 20px}.wrap-full{max-width:none;margin:0;padding:0}
.btn,.wp-block-button__link,button.button,input[type=submit]{display:inline-block;padding:11px 22px;border-radius:10px;background:var(--ac);color:var(--ai);font-weight:700;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:700}
input[type=text],input[type=email],input[type=search],input[type=url],textarea{width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:8px;background:var(--sf);color:var(--ink);font:inherit}
.ann{background:var(--hd);color:#f3ede4;text-align:center;font-size:13px;padding:8px 14px;font-weight:600}
.site-header{background:var(--sf);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:50}
.hin{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:8px}.brand .bn{font-size:24px;font-weight:800;text-decoration:none;color:var(--ink)}.brand small{color:var(--mu);font-size:12px}.brand img{max-height:44px;width:auto}
.nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;font-weight:600;font-size:15px}.nav a{text-decoration:none;color:var(--ink)}.nav a:hover,.nav .current-menu-item>a{color:var(--ac)}
.nav-toggle{display:none;background:none;border:1px solid var(--ln);border-radius:8px;padding:6px 12px;font-size:18px;color:var(--ink)}
@media(max-width:760px){.nav-toggle{display:block}.nav{display:none;width:100%}.open .nav{display:block}.nav ul{flex-direction:column;gap:10px;padding:10px 0}}
.banner{position:relative;min-height:260px;display:flex;align-items:flex-end;color:#fff;background-size:cover;background-position:center;background-color:#5a1f1c}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65))}
.banner-in{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:70px 20px 34px}.banner h1{margin:0;font-size:clamp(30px,5vw,54px)}.banner p{margin:8px 0 0;opacity:.9}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.pcard{background:var(--sf);border:1px solid var(--ln);border-radius:14px;overflow:hidden}.pcard img{width:100%;display:block}.pb{padding:18px}.pb h2{font-size:21px;margin:0 0 4px}.pb h2 a{color:var(--ink);text-decoration:none}.meta{color:var(--mu);font-size:13px;margin:0 0 8px}
.navigation.pagination{margin:28px 0;text-align:center}.page-numbers{display:inline-block;padding:6px 12px;border:1px solid var(--ln);border-radius:8px;margin:0 2px;text-decoration:none}.page-numbers.current{background:var(--ac);color:var(--ai);border-color:var(--ac)}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:20px;margin:18px 0}
.alignleft{float:left;margin:0 18px 10px 0}.alignright{float:right;margin:0 0 10px 18px}.aligncenter{display:block;margin:0 auto}.wp-caption-text{font-size:13px;color:var(--mu)}
.site-footer{background:var(--hd);color:#e9e2d6;margin-top:60px}
.fwrap{max-width:1180px;margin:0 auto;padding:0 20px}
.fcols{display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:58px 0 40px}
.site-footer h4{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:0 0 10px}
.site-footer a{color:#cfc6b8;text-decoration:none}.site-footer a:hover{color:#fff}
.wm{font-size:28px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.fb p{color:#a89f93;max-width:36ch;margin:0}
.soc{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.soc a{border:1px solid #3a332b;border-radius:99px;padding:6px 14px;font-size:13px}.soc a:hover{border-color:#fff}
.fbtn{display:inline-block;margin-top:6px;background:#25d366;color:#06361a!important;font-weight:700;padding:10px 18px;border-radius:8px}
.fbar{border-top:1px solid #2a241e;padding:18px 0;font-size:13px;color:#a89f93}.fbar .fwrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.credit b{color:#fff}
.comment-list{list-style:none;padding:0}.comment-body{border-bottom:1px solid var(--ln);padding:12px 0}