
/* ================================================================
   Poyraz Complete — WHMCS bridge
   ================================================================ */

@font-face{
    font-family:Manrope;
    font-style:normal;
    font-weight:200 800;
    font-display:swap;
    src:url("../assets/fonts/manrope/manrope-latin.woff2") format("woff2");
}

.poyraz-full{
    font-family:Manrope,Arial,sans-serif;
    background:#fff;
    color:#111827;
}

.poyraz-full .ph-sprite{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}

.poyraz-full #main-body{
    min-height:54vh;
    padding:38px 0 68px;
    background:#f8fafc;
}

.poyraz-full .whmcs-generic-main .primary-content>.card,
.poyraz-full .whmcs-generic-main .card{
    overflow:hidden;
    border:1px solid #e5eaf1!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 28px rgba(17,24,39,.06)!important;
}

.poyraz-full .whmcs-generic-main .card-header{
    padding:16px 20px;
    border-bottom:1px solid #e5eaf1!important;
    background:#f8fafc!important;
    color:#111827;
    font-weight:800;
}

.poyraz-full .whmcs-generic-main .card-body{
    padding:22px;
}

.poyraz-full .whmcs-generic-main .btn{
    border-radius:10px;
    font-weight:700;
}

.poyraz-full .whmcs-generic-main .btn-primary,
.poyraz-full .whmcs-generic-main .btn-success{
    color:#fff!important;
    border-color:#007bff!important;
    background:linear-gradient(135deg,#007bff,#0046d6)!important;
    box-shadow:0 4px 12px -3px rgba(0,100,255,.35);
}

.poyraz-full .whmcs-generic-main .btn-primary:hover,
.poyraz-full .whmcs-generic-main .btn-success:hover{
    border-color:#0046d6!important;
    background:#0046d6!important;
}

.poyraz-full .whmcs-generic-main .btn-default,
.poyraz-full .whmcs-generic-main .btn-secondary{
    color:#334155!important;
    border:1px solid #dbe3ee!important;
    background:#fff!important;
}

.poyraz-full .whmcs-generic-main .btn-danger{
    border-color:#dc534d!important;
    background:#dc534d!important;
}

.poyraz-full .whmcs-generic-main .form-control,
.poyraz-full .whmcs-generic-main select.form-control,
.poyraz-full .whmcs-generic-main textarea.form-control{
    min-height:44px;
    border:1px solid #dbe3ee!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#111827!important;
}

.poyraz-full .whmcs-generic-main textarea.form-control{
    min-height:140px;
}

.poyraz-full .whmcs-generic-main .form-control:focus{
    border-color:#007bff!important;
    box-shadow:0 0 0 4px rgba(0,123,255,.08)!important;
}

.poyraz-full .sidebar .card{
    overflow:hidden;
    border:1px solid #e5eaf1!important;
    border-radius:15px!important;
    box-shadow:0 8px 22px rgba(17,24,39,.045)!important;
}

.poyraz-full .sidebar .list-group-item{
    padding:11px 15px;
    border-color:#eef2f7;
    color:#475569;
    font-size:13px;
}

.poyraz-full .sidebar .list-group-item.active{
    color:#fff;
    border-color:#007bff;
    background:#007bff;
}

.poyraz-full .table{
    margin-bottom:0;
    background:#fff;
}

.poyraz-full .table thead th{
    border-color:#e5eaf1!important;
    background:#f8fafc!important;
    color:#64748b!important;
    font-size:11px;
    font-weight:800!important;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.poyraz-full .table td{
    border-color:#eef2f7!important;
    color:#334155;
    vertical-align:middle;
}

.poyraz-full .table tbody tr:hover{
    background:#f8fafc;
}

.poyraz-full .alert{
    border-radius:12px;
}

.poyraz-full .badge,
.poyraz-full .label.status{
    border-radius:999px;
}

.poyraz-full .nav-tabs{
    gap:4px;
    padding:5px;
    border:1px solid #e5eaf1;
    border-radius:12px;
    background:#f8fafc;
}

.poyraz-full .nav-tabs .nav-link{
    border:0!important;
    border-radius:9px!important;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

.poyraz-full .nav-tabs .nav-link.active{
    color:#007bff!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(17,24,39,.07);
}

/* Header additions */
.poyraz-full .header-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.poyraz-full .btn-client,
.poyraz-full .btn-cart{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:39px;
    padding:0 13px;
    border:1px solid #e5eaf1;
    border-radius:10px;
    color:#334155;
    background:#fff;
    font-size:12px;
    font-weight:750;
}

.poyraz-full .btn-client:hover,
.poyraz-full .btn-cart:hover{
    color:#007bff;
    border-color:#007bff;
}

.poyraz-full .btn-cart svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
}

.poyraz-full .cart-count{
    display:inline-grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:999px;
    color:#fff;
    background:#007bff;
    font-size:9px;
}

.poyraz-full .mobile-toggle{
    display:none;
    width:40px;
    height:40px;
    padding:9px;
    border:1px solid #e5eaf1;
    border-radius:10px;
    background:#fff;
}

.poyraz-full .mobile-toggle span{
    display:block;
    height:2px;
    margin:4px 0;
    background:#334155;
}

.poyraz-full .mobile-nav{
    position:fixed;
    top:0;
    right:0;
    z-index:1300;
    width:min(370px,89vw);
    height:100vh;
    padding:22px;
    overflow-y:auto;
    background:#fff;
    box-shadow:-20px 0 50px rgba(15,23,42,.18);
    transform:translateX(105%);
    transition:transform .25s ease;
}

.poyraz-full .mobile-nav.is-open{
    transform:none;
}

.poyraz-full .mn-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:18px;
    border-bottom:1px solid #e5eaf1;
}

.poyraz-full .mn-head img{
    max-width:150px;
    max-height:42px;
}

.poyraz-full .mn-head button{
    width:36px;
    height:36px;
    border:0;
    border-radius:9px;
    background:#f1f5f9;
    font-size:24px;
}

.poyraz-full .mn-menu{
    display:flex;
    flex-direction:column;
    padding-top:12px;
}

.poyraz-full .mn-menu a{
    padding:13px 4px;
    border-bottom:1px solid #eef2f7;
    color:#334155;
    font-weight:750;
}

.poyraz-full .mm-scrim{
    display:none;
    position:fixed;
    inset:0;
    z-index:1290;
    background:rgba(15,23,42,.45);
}

.poyraz-full .mm-scrim.is-on{
    display:block;
}

.poyraz-full .has-mm.is-open>.mm-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

/* Full-width dashboard */
.poyraz-full .ph-dashboard-summary{
    grid-template-columns:repeat(3,1fr);
}

.poyraz-full .cl-sum-card{
    color:inherit;
    text-decoration:none;
}

.poyraz-full .cl-sum-card>span:last-child{
    display:flex;
    flex-direction:column;
}

.poyraz-full .cl-sum-card strong{
    color:#111827;
    font-size:25px;
    font-weight:850;
}

.poyraz-full .cl-sum-card small{
    color:#64748b;
    font-size:12px;
}

.poyraz-full .cl-sum-ico{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:none;
    border-radius:12px;
    color:#007bff;
    background:#eff6ff;
}

.poyraz-full .cl-sum-ico svg,
.poyraz-full .cl-header-icon svg,
.poyraz-full .cl-action svg,
.poyraz-full .cl-new-btn svg,
.poyraz-full .cd-act-ico svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
}

.poyraz-full .ph-dashboard-panels{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:18px;
}

.poyraz-full .ph-dashboard-billing{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    padding:18px;
}

.poyraz-full .ph-billing-box{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    min-height:105px;
    border:1px solid #e5eaf1;
    border-radius:14px;
    color:#64748b;
    background:#f8fafc;
}

.poyraz-full .ph-billing-box b{
    margin-bottom:5px;
    color:#111827;
    font-size:25px;
}

.poyraz-full .ph-billing-box span{
    font-size:11px;
    font-weight:700;
}

/* Full width support / content */
.poyraz-full .hc-tabs{
    display:flex;
    gap:7px;
    margin:0 0 20px;
    padding:5px;
    overflow-x:auto;
    border:1px solid #e5eaf1;
    border-radius:12px;
    background:#f8fafc;
}

.poyraz-full .hc-tab{
    flex:none;
    padding:8px 13px;
    border-radius:9px;
    color:#64748b;
    font-size:12px;
    font-weight:700;
}

.poyraz-full .hc-tab.is-on{
    color:#007bff;
    background:#fff;
    box-shadow:0 3px 10px rgba(17,24,39,.07);
}

.poyraz-full .hc-section-title{
    margin:22px 0 12px;
    color:#111827;
    font-size:15px;
    font-weight:850;
}

.poyraz-full .hc-article-body{
    color:#334155;
    font-size:14px;
    line-height:1.75;
}

.poyraz-full .hc-article-body img{
    max-width:100%;
    height:auto;
}

.poyraz-full .cl-table .cl-status-badge{
    width:max-content;
}

.poyraz-full .ph-contact-grid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
    gap:18px;
}

.poyraz-full .ph-success-icon{
    display:grid;
    place-items:center;
    width:66px;
    height:66px;
    margin:0 auto 16px;
    border-radius:50%;
    color:#16a34a;
    background:#ecfdf5;
}

.poyraz-full .ph-success-icon svg{
    width:30px;
    height:30px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
}

/* Product detail and domain detail inherited from Twenty-One */
.poyraz-full.tf-clientareaproductdetails .product-details,
.poyraz-full.tf-clientareadomaindetails .tab-content,
.poyraz-full.tf-clientareadetails #main-body .primary-content,
.poyraz-full.tf-account-paymentmethods #main-body .primary-content,
.poyraz-full.tf-user-profile #main-body .primary-content,
.poyraz-full.tf-user-security #main-body .primary-content{
    border:1px solid #e5eaf1;
    border-radius:16px;
    background:#fff;
}

.poyraz-full .product-status{
    overflow:hidden;
    border-radius:14px!important;
}

.poyraz-full .product-details .row>div{
    padding-top:8px;
    padding-bottom:8px;
}

/* Invoice / quote views inherited from parent */
.poyraz-full.tf-viewinvoice #main-body .primary-content>.card,
.poyraz-full.tf-viewquote #main-body .primary-content>.card{
    border-radius:18px!important;
}

.poyraz-full .invoice-container{
    border:1px solid #e5eaf1!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(17,24,39,.07)!important;
}

/* Account / user / payment method pages inherited from Twenty-One */
.poyraz-full.tf-account-paymentmethods .payment-methods .payment-method,
.poyraz-full.tf-account-contacts-manage .card,
.poyraz-full.tf-account-user-management .card,
.poyraz-full.tf-affiliates .card{
    border:1px solid #e5eaf1!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(17,24,39,.05)!important;
}

/* Error/loading compatibility */
.poyraz-full .w-hidden{
    display:none;
}

@media(max-width:991px){
    .poyraz-full .nav-container,
    .poyraz-full .btn-client{
        display:none!important;
    }

    .poyraz-full .mobile-toggle{
        display:block;
    }

    .poyraz-full .ph-dashboard-summary,
    .poyraz-full .ph-dashboard-billing{
        grid-template-columns:repeat(2,1fr);
    }

    .poyraz-full .ph-dashboard-panels,
    .poyraz-full .ph-contact-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .poyraz-full .top-group--left{
        display:none;
    }

    .poyraz-full .ph-dashboard-summary,
    .poyraz-full .ph-dashboard-billing{
        grid-template-columns:1fr;
    }

    .poyraz-full .cl-header{
        align-items:flex-start;
        flex-direction:column;
    }

    .poyraz-full .cl-actions{
        width:100%;
    }

    .poyraz-full .cl-actions>*{
        flex:1;
        justify-content:center;
    }

    .poyraz-full .cl-table{
        min-width:680px;
    }
}

.poyraz-full .btn-basket{position:relative}.poyraz-full .pfull-cart-count{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;color:#fff;background:#007bff;font-size:9px;font-weight:800}.poyraz-full .whmcs-generic-main{min-height:50vh}
