/* =========================================================
   GolfShop.pk — category icons, balanced How It Works arrows,
   and Featured Ad credit plans
   ========================================================= */

/* Relevant category SVG icons */
.home-category-svg svg{
    width:30px;
    height:30px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.home-category-tile:hover .home-category-svg svg{transform:scale(1.06)}
.home-category-svg svg{transition:transform .2s ease}

/* Trust bar replacements */
.home-trust-contact{font-size:17px}
.home-trust-listing{font-family:'Poppins',sans-serif;font-size:22px;font-weight:500}

/* Balanced, identical connector arrows */
.home-how-grid{
    grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr) 120px minmax(0,1fr)!important;
    align-items:start!important;
}
.home-how-arrow{
    width:120px!important;
    height:70px!important;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:5px;
}
.home-how-arrow svg{
    width:118px;
    height:46px;
    display:block;
    overflow:visible;
}
.home-how-arrow .how-arrow-line,
.home-how-arrow .how-arrow-head{
    fill:none;
    stroke:#a5ad9c;
    stroke-width:1.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
/* Disable the old CSS-generated arrow if an older style.css is cached. */
.home-how-arrow>span{display:none!important}

/* Featured ad plans */
.home-pricing-section{
    background:linear-gradient(180deg,#fbfcf8 0%,#f7f9f2 100%);
}
.home-pricing-heading p{
    max-width:680px;
    margin:14px auto 0;
    color:#6e746a;
    font-size:13px;
    line-height:1.65;
}
.featured-plan-grid{
    max-width:1180px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
}
.featured-credit-card{
    min-height:460px;
    display:flex;
    flex-direction:column;
    padding:30px 28px 26px!important;
    border:1px solid #dce7c4!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 14px 38px rgba(54,77,28,.07)!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.featured-credit-card:hover{
    transform:translateY(-6px);
    border-color:#a9c765!important;
    box-shadow:0 22px 50px rgba(54,77,28,.12)!important;
}
.featured-credit-card.is-amateur{
    border-color:#a9cd60!important;
    box-shadow:0 18px 46px rgba(109,149,35,.11)!important;
}
.featured-credit-card.is-pro{
    border:2px solid #6f9517!important;
    background:linear-gradient(155deg,#fff 0%,#fbfdf5 62%,#f4f9e8 100%)!important;
}
.featured-credit-card .home-price-head{
    margin-bottom:19px!important;
    padding-right:75px;
}
.featured-credit-card .home-price-icon{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    border-radius:11px!important;
}
.featured-credit-card.is-pro .home-price-icon{background:#242323!important}
.featured-credit-card .home-price-copy h3{
    font-size:18px!important;
    margin-bottom:6px!important;
}
.featured-credit-card .home-price-line strong{
    font-size:30px!important;
    letter-spacing:-.03em;
}
.featured-credit-card .home-price-line small{
    margin-bottom:4px;
    color:#7b8177;
    font-size:9px!important;
    font-weight:800;
    letter-spacing:.08em;
}
.featured-credit-card .package-card-description{
    min-height:52px;
    margin:0 0 18px!important;
    color:#636960;
    font-size:13px;
    line-height:1.65;
}
.featured-credit-card .home-plan-divider{
    height:1px;
    background:#e8ece3;
    margin-bottom:20px;
}
.featured-credit-card .home-plan-features{
    margin:0 0 26px!important;
    display:grid;
    gap:14px!important;
}
.featured-credit-card .home-plan-features li{
    font-size:12.5px!important;
    color:#596056!important;
    line-height:1.45;
}
.featured-credit-card .home-plan-features li>span{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    background:#5d991b!important;
}
.featured-credit-card .home-plan-features strong{color:#252925}
.featured-credit-card .package-select-form,
.featured-credit-card>.home-price-button{margin-top:auto!important}
.featured-credit-card .home-price-button{
    min-height:48px!important;
    border-radius:8px!important;
    font-size:13px!important;
}
.featured-credit-card .home-plan-pill,
.featured-credit-card .package-card-status{
    top:18px!important;
    right:18px!important;
}

/* Credit wallet on plans page */
.credit-wallet-summary .current-plan-name{font-size:27px}
.credit-wallet-summary .current-plan-meta strong{font-size:19px}

@media(max-width:991.98px){
    .home-how-grid{
        grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr) 82px minmax(0,1fr)!important;
    }
    .home-how-arrow{width:82px!important}
    .home-how-arrow svg{width:80px}
    .featured-plan-grid{grid-template-columns:1fr!important;max-width:620px!important}
    .featured-credit-card{min-height:auto}
}

@media(max-width:767.98px){
    .home-how-grid{grid-template-columns:1fr!important;gap:25px!important}
    .home-how-arrow{
        width:46px!important;
        height:30px!important;
        margin:0 auto;
        padding:0;
        transform:rotate(90deg);
    }
    .home-how-arrow svg{width:46px;height:30px}
}

@media(max-width:575.98px){
    .featured-credit-card{padding:25px 21px 22px!important}
    .featured-credit-card .home-price-head{padding-right:55px}
}
