/*
Theme Name: Velki Agent List
Theme URI: https://velkiagentslists.com
Author: Velki Agent List
Description: Velki Agent List Official WordPress Theme
Version: 4.0.0
License: GNU General Public License v2 or later
Text Domain: velki-agent-list
*/

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

body{font-family:'Segoe UI',Arial,sans-serif;background:#f6f6f7;color:#222;line-height:1.6;min-height:100vh;padding-top:110px;}

.fixed-top-bar{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.97);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,.10);}
.admin-bar .fixed-top-bar{top:32px;}
@media screen and (max-width:782px){.admin-bar .fixed-top-bar{top:46px;}}

header{display:flex;justify-content:center;align-items:center;background:#FEDF15;padding:8px 16px;}
.sudo-logo{display:block;height:44px;width:auto;}

/* NAV — সবসময় একলাইনে horizontal, কোনো plugin/theme এটা override করতে পারবে না */
.main-menu{background:#b9bbbd;padding:7px 10px;}
.main-menu ul{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center;align-items:center;gap:6px;}
.main-menu ul li{display:inline-flex!important;flex:0 0 auto;width:auto!important;float:none!important;}
.main-menu ul li a{display:inline-flex!important;align-items:center;justify-content:center;padding:7px 16px!important;background:#FEDF15!important;color:#222!important;border:1.5px solid #000!important;border-radius:6px!important;text-decoration:none!important;font-weight:800!important;font-size:.85rem!important;white-space:nowrap;transition:background .18s,color .18s;width:auto!important;float:none!important;}
.main-menu ul li a:hover,.main-menu ul li a:focus{background:#000!important;color:#FEDF15!important;}

/* SEARCH BOX */
.search-box{padding:14px 10px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.search-box>h2{text-align:center;font-size:15px;font-weight:700;margin-bottom:10px;}
.velki-search-container{background:#fff;padding:14px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.10);width:100%;max-width:290px;margin-bottom:14px;}
.velki-search-container label{display:block;text-align:left;margin:7px 0 3px;font-size:13px;font-weight:600;}
.velki-search-container select,.velki-search-container input[type="number"]{width:100%;padding:7px 9px;border:1px solid #ccc;border-radius:6px;font-size:13px;box-sizing:border-box;background:#fff;}
.velki-search-container button{background:#28a745;color:#fff;padding:8px;border:none;border-radius:6px;margin-top:8px;cursor:pointer;width:100%;font-size:14px;font-weight:600;}
.velki-search-container button:hover{background:#218838;}

h2{text-align:center;font-size:16px;margin-bottom:8px;}
.agent-title{font-size:13px;font-weight:800;margin:8px 4px;padding:6px 8px;text-align:center;line-height:1.5;}
@media(min-width:600px){.agent-title{font-size:15px;margin:10px;}}

.agent-wrap{width:100%;padding:0 4px;margin-bottom:6px;}
@media(min-width:600px){.agent-wrap{padding:0 10px;}}
@media(min-width:900px){.agent-wrap{padding:0 16px;}}

.agent-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.agent-table{width:100%;border-collapse:collapse;background:#fff;margin-bottom:6px;}
.agent-table thead{background:#f0f0f0;}
.agent-table th{padding:7px 3px;font-size:11px;font-weight:700;border:1px solid #ddd;text-align:center;white-space:nowrap;}
.agent-table td{padding:7px 3px;font-size:11px;border:1px solid #ddd;text-align:center;vertical-align:middle;word-break:break-word;}
.agent-table tbody tr:nth-child(even){background:#f5f5f5;}
.agent-table tbody tr:nth-child(odd){background:#fffaf7;}
.id-cell{font-weight:700;color:#000;white-space:nowrap;}
.type-cell{font-weight:600;}
.app-cell img{width:20px;height:20px;display:block;margin:0 auto;}
.phone-cell a,.complain-cell a{color:#cc0000;font-weight:700;text-decoration:none;white-space:nowrap;}
.no-data{padding:12px;text-align:center;font-size:13px;}

@media(min-width:480px){.agent-table th,.agent-table td{font-size:12px;padding:8px 5px;}.app-cell img{width:22px;height:22px;}}
@media(min-width:700px){.agent-table th,.agent-table td{font-size:13px;padding:9px 7px;}.app-cell img{width:25px;height:25px;}}
@media(min-width:900px){.agent-table th,.agent-table td{font-size:14px;padding:10px 8px;}.app-cell img{width:26px;height:26px;}}

.error-404-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:20px;}
.error-404-wrap h1{font-size:5rem;color:#FEDF15;text-shadow:2px 2px 0 #222;margin-bottom:10px;}
.error-404-wrap p{font-size:1.1rem;margin-bottom:20px;}
.error-404-wrap a{background:#FEDF15;color:#222;padding:10px 28px;border-radius:6px;font-weight:bold;text-decoration:none;border:2px solid #000;}