/**
 * Icon treatments — pair with Font Awesome 6 (linked in HTML head).
 */

.feature-card-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:16px;
    background:rgba(159,232,112,0.1);
    border:1px solid rgba(159,232,112,0.22);
    color:var(--accent-green);
    font-size:1.2rem;
    margin-bottom:20px;
}

/* Hero highlight pills: full styles live in style.css (.hero-highlights .highlight-item) */

.nav-links a{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.nav-links .icon-nav{
    font-size:0.82em;
    opacity:0.75;
    transition:opacity 0.25s ease,color 0.25s ease;
}

.nav-links a:hover .icon-nav{
    opacity:1;
    color:var(--accent-green);
}

.btn{
    gap:8px;
}

.btn i{
    font-size:0.92em;
}

.social-links a{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.social-links a .fa-brands{
    font-size:1.15em;
    opacity:0.9;
}

.footer-column a{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.footer-column h3{
    display:flex;
    align-items:center;
    gap:10px;
}

.footer-column h3 > i{
    color:var(--accent-green);
    font-size:0.85em;
    opacity:0.85;
}

.category-content h3{
    display:flex;
    align-items:center;
    gap:12px;
}

.category-content h3 .cat-heading-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:12px;
    background:rgba(212,176,106,0.12);
    border:1px solid rgba(212,176,106,0.22);
    color:var(--accent);
    font-size:1rem;
    flex-shrink:0;
}

.quick-strip-inner a{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.quick-strip-inner > span:first-child{
    display:inline-flex;
    align-items:center;
    gap:8px;
    letter-spacing:0.14em;
}

.catalog-tab{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.catalog-tab > i{
    font-size:0.88em;
    opacity:0.85;
}

.catalog-tab.active > i{
    opacity:1;
    color:var(--accent-green);
}

.wellness-item,
.white-label-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.wellness-item > i,
.white-label-item > i{
    color:var(--accent-green);
    width:1.1em;
    text-align:center;
    opacity:0.9;
}

.age-buttons .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.stat-box h4{
    display:flex;
    align-items:center;
    gap:10px;
}

.stat-box h4 i{
    color:var(--accent-green);
    font-size:0.85em;
}

.dispensary-search .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.state-dropdown{
    padding-left:44px;
    background-image:none;
}

.state-select-wrap{
    position:relative;
    display:inline-block;
    margin-bottom:24px;
}

.state-select-wrap > .fa-location-dot{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--accent-green);
    font-size:14px;
    pointer-events:none;
    z-index:1;
}

.hero-subtitle{
    display:flex;
    align-items:center;
    gap:12px;
}

.icon-hero-eyebrow{
    color:var(--accent-green);
    font-size:0.88em;
    opacity:0.95;
}

.newsletter-subtitle{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.product-category{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.product-category > i{
    color:var(--accent-green);
    font-size:0.95em;
    opacity:0.95;
}

.product-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.product-link i{
    font-size:0.85em;
    transition:transform 0.3s ease;
}

.product-card:hover .product-link i{
    transform:translateX(4px);
}

.video-slot-placeholder .fa-circle-play{
    font-size:3rem;
    color:rgba(212,176,106,0.45);
    margin-bottom:8px;
}

.dispensary-box > p:first-of-type{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.form-shell h3{
    display:flex;
    align-items:center;
    gap:10px;
}

.form-shell h3 i{
    color:var(--accent-green);
}

.asset-card h3{
    display:flex;
    align-items:center;
    gap:12px;
}

.asset-card h3 > i{
    color:var(--accent);
    font-size:0.95em;
}

.asset-card .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.merch-body h3{
    display:flex;
    align-items:center;
    gap:10px;
}

.merch-body h3 i{
    color:var(--accent);
    font-size:0.9em;
}

.page-hero .section-title,
.page-hero .wellness-subtitle,
.page-hero .white-label-subtitle{
    display:flex;
    align-items:center;
    gap:10px;
}

.page-hero .section-title i,
.page-hero .wellness-subtitle i,
.page-hero .white-label-subtitle i{
    color:var(--accent-green);
    font-size:0.95em;
}

p.section-title{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

p.section-title > i{
    color:var(--accent-green);
    font-size:0.95em;
}

.category-content a{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
}