*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#e0e0e0;font-size:13px;color:#222}
a{color:#1a4a8c;text-decoration:none}
a:hover{text-decoration:underline;color:#c00}
mark{background:#fff3a0;font-weight:bold;padding:0 2px}

/* WRAP */
#wrap{max-width:1060px;margin:0 auto;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.15)}

/* HEADER */
#header{background:#1a4a8c}
#header-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 14px;gap:12px;flex-wrap:nowrap;min-width:0}
/* #logo defined below */
#header-right{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}
#bible-btn{color:#ffd700;font-size:13px;font-weight:bold;padding:5px 10px;background:rgba(255,255,255,.12);border-radius:3px;white-space:nowrap}
#bible-btn:hover{background:rgba(255,255,255,.22);text-decoration:none;color:#fff}
#header-search{display:flex;gap:4px}
#header-search input{padding:5px 10px;border:none;border-radius:3px;font-size:13px;width:210px}
#header-search button{padding:5px 10px;background:#f0a500;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px;font-weight:bold}
#header-search button:hover{background:#d09000}

/* 3-COLUMN LAYOUT */
#layout{display:flex;align-items:flex-start}

/* SIDEBAR LEFT */
#sidebar-left{width:185px;flex-shrink:0;border-right:1px solid #bbb;background:#f5f5f5;min-height:500px}

/* MAIN */
#main{flex:1;min-width:0;padding:14px 16px;background:#fff}

/* SIDEBAR RIGHT */
#sidebar-right{width:170px;flex-shrink:0;border-left:1px solid #bbb;background:#f5f5f5}

/* SIDEBAR BOXES */
.sidebar-box{border-bottom:2px solid #1a4a8c}
.sidebar-title{background:#1a4a8c;color:#fff;font-size:12px;font-weight:bold;padding:5px 9px;letter-spacing:.2px}
.sidebar-menu{list-style:none;padding:2px 0}
.sidebar-menu li{border-bottom:1px dotted #ccc}
.sidebar-menu li:last-child{border-bottom:none}
.sidebar-menu li a{display:block;padding:5px 9px;font-size:12px;color:#1a4a8c;line-height:1.35}
.sidebar-menu li a:hover{background:#ddeeff;text-decoration:none;color:#c00}
.sidebar-menu li a.active{background:#ddeeff;font-weight:bold;color:#c00}
.sidebar-menu .cnt{color:#888;font-size:11px}

/* MAIN CONTENT */
#main h1{font-size:1.1rem;color:#1a4a8c;border-bottom:2px solid #1a4a8c;padding-bottom:5px;margin-bottom:12px}
#main h2{font-size:.95rem;color:#1a4a8c;margin:12px 0 7px}

/* WELCOME BOX */
.welcome-box{background:#f0f5ff;border:1px solid #b0c8e8;border-radius:3px;padding:13px 15px;margin-bottom:14px}
.welcome-box h1{border:none;margin-bottom:6px;padding-bottom:0}
.welcome-box p{font-size:13px;color:#444;line-height:1.6}

/* ARTICLE BODY */
.art-body{font-size:13.5px;line-height:1.75;color:#333;font-family:Arial,Helvetica,sans-serif}
.art-body p{margin-bottom:.85em}
.art-body h2,.art-body h3{color:#1a4a8c;margin:1em 0 .4em}
.art-body ul,.art-body ol{padding-left:1.5em;margin-bottom:.85em}
.art-body blockquote{border-left:3px solid #1a4a8c;padding:6px 12px;background:#f0f5ff;margin:.8em 0;color:#444;border-radius:0 3px 3px 0}
.art-body table{width:100%;border-collapse:collapse;margin:.8em 0;font-size:13px}
.art-body td,.art-body th{border:1px solid #ccc;padding:5px 8px}
.art-body th{background:#ddeeff}
.art-meta{font-size:11px;color:#888;margin-bottom:10px}
.art-meta a{color:#1a4a8c}

/* ARTICLE LIST */
.art-list{list-style:none;padding:0}
.art-list li{border-bottom:1px dotted #ccc;padding:6px 0}
.art-list li:last-child{border-bottom:none}
.art-list li::before{content:'» ';color:#1a4a8c;font-weight:bold}
.art-list li a{font-size:13px;color:#1a4a8c}
.art-list li a:hover{color:#c00}
.art-list .excerpt{font-size:12px;color:#777;margin-top:2px;padding-left:14px}

/* BREADCRUMB */
.breadcrumb{font-size:11.5px;color:#888;margin-bottom:10px}
.breadcrumb a{color:#1a4a8c}
.breadcrumb span{margin:0 4px}

/* SECTION TITLE */
.section-title{font-size:13px;font-weight:bold;color:#fff;background:#1a4a8c;padding:5px 9px;margin:12px 0 7px}

/* SEARCH */
.sform{display:flex;gap:6px;margin-bottom:13px}
.sform input{flex:1;padding:7px 10px;border:1px solid #ccc;border-radius:3px;font-size:14px}
.sform button{padding:7px 16px;background:#1a4a8c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px}
.sform button:hover{background:#0f3070}
.result-item{border-bottom:1px dotted #ccc;padding:9px 0}
.result-item .rt{font-size:13.5px;font-weight:bold;color:#1a4a8c;display:block}
.result-item .rt:hover{color:#c00}
.result-item .rc{font-size:11px;color:#888;margin:2px 0 5px}
.result-item .re{font-size:12.5px;color:#555;line-height:1.55}
.no-results{color:#888;font-style:italic;padding:14px 0}

/* BIBLE */
.bible-ctrl{margin-bottom:13px}
.bible-ctrl label{font-weight:bold;font-size:13px;color:#1a4a8c}
.bible-ctrl select{padding:5px 8px;border:1px solid #ccc;border-radius:3px;font-size:13px;margin-left:5px;max-width:100%}
.ch-grid{display:flex;flex-wrap:wrap;gap:3px;margin-top:10px}
.ch-btn{min-width:27px;height:25px;padding:0 4px;border:1px solid #bbb;background:#fff;border-radius:3px;cursor:pointer;font-size:12px;font-weight:bold;color:#333;line-height:25px;text-align:center;transition:background .1s}
.ch-btn:hover{background:#ddeeff;border-color:#1a4a8c}
.ch-btn.active{background:#1a4a8c;color:#fff;border-color:#1a4a8c}
.bible-text{margin-top:13px}
.bible-text h2{font-size:1rem;color:#1a4a8c;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:9px}
.verse{padding:4px 0;border-bottom:1px dotted #e8e8e8;font-size:13.5px;line-height:1.75}
.verse:last-child{border-bottom:none}
.vn{color:#1a4a8c;font-weight:bold;margin-right:4px;font-size:12px}
.bible-nav{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}
.bible-nav button{padding:5px 12px;background:#1a4a8c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12.5px}
.bible-nav button:hover{background:#0f3070}
.bible-tab{display:flex;gap:0;margin-bottom:13px;border-bottom:2px solid #1a4a8c}
.bible-tab a{padding:6px 16px;font-size:13px;font-weight:bold;border-radius:3px 3px 0 0;text-decoration:none;background:#e8eef8;color:#1a4a8c}
.bible-tab a.active{background:#1a4a8c;color:#fff}
.bible-tab a:hover{text-decoration:none}

/* BIBLE TOOLTIP */
.bref{color:#8b0000;cursor:help;border-bottom:1px dotted #8b0000;white-space:nowrap}
.bref:hover{background:#fff8e1}
#bible-tip{position:fixed;z-index:9999;max-width:380px;min-width:180px;background:#fffff0;border:1px solid #b8860b;border-radius:5px;padding:10px 13px;font-size:13px;line-height:1.65;color:#222;box-shadow:3px 4px 14px rgba(0,0,0,.22);display:none;pointer-events:none;font-family:Arial,sans-serif}

/* PAGINATION */
.pagination{display:flex;flex-wrap:wrap;gap:3px;margin-top:13px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 5px;border:1px solid #bbb;border-radius:3px;font-size:12px;font-weight:bold;color:#333;background:#fff;text-decoration:none}
.pagination a:hover{background:#ddeeff;border-color:#1a4a8c}
.pagination .cur{background:#1a4a8c;color:#fff;border-color:#1a4a8c}

/* ADMIN */
.admin-header{background:#1a3a6c;padding:11px 18px;display:flex;align-items:center;justify-content:space-between}
.admin-header span{color:#fff;font-weight:bold;font-size:1rem}
.admin-header a{color:rgba(255,255,255,.7);font-size:12.5px}
.admin-nav{background:#162f5a;padding:9px 15px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.admin-nav a{color:rgba(255,255,255,.85);padding:5px 11px;border-radius:3px;font-size:13px;font-weight:bold}
.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.15);color:#fff;text-decoration:none}
.admin-nav .logout{margin-left:auto;background:#c0392b;color:#fff;padding:5px 11px;border-radius:3px}
.admin-wrap{max-width:980px;margin:22px auto;padding:0 14px}
.admin-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:20px 22px;margin-bottom:16px}
.admin-card h2{font-size:.95rem;color:#1a4a8c;margin-bottom:13px;padding-bottom:6px;border-bottom:2px solid #ddeeff}
.form-group{margin-bottom:12px}
.form-group label{display:block;font-size:13px;font-weight:bold;color:#333;margin-bottom:4px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:7px 10px;border:1px solid #ccc;border-radius:3px;font-size:13px;font-family:inherit}
.form-group textarea{min-height:320px;resize:vertical}
.btn-save{padding:7px 18px;background:#1a4a8c;color:#fff;border:none;border-radius:3px;font-size:13px;font-weight:bold;cursor:pointer}
.btn-save:hover{background:#0f3070}
.btn-del{padding:4px 9px;background:#c0392b;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:pointer}
.btn-del:hover{background:#a93226}
.btn-edit{padding:4px 9px;background:#1a4a8c;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:pointer}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{background:#ddeeff;padding:7px 10px;text-align:left;color:#1a4a8c;font-weight:bold;border:1px solid #ccc}
.tbl td{padding:7px 10px;border-bottom:1px solid #eee;vertical-align:middle}
.tbl tr:hover td{background:#f8fbff}
.msg-ok{background:#d4edda;color:#155724;padding:8px 13px;border-radius:3px;margin-bottom:12px;font-size:13px}
.msg-err{background:#f8d7da;color:#721c24;padding:8px 13px;border-radius:3px;margin-bottom:12px;font-size:13px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px;margin-bottom:16px}
.stat-box{background:#fff;border:1px solid #ddd;border-radius:4px;padding:13px;text-align:center;border-top:3px solid #1a4a8c}
.stat-box .sn{font-size:1.7rem;font-weight:bold;color:#1a4a8c}
.stat-box .sl{font-size:12px;color:#666;margin-top:3px}

/* FOOTER */
#footer{background:#1a4a8c;color:rgba(255,255,255,.7);text-align:center;padding:11px;font-size:12px}
#footer a{color:rgba(255,255,255,.85)}

/* RESPONSIVE */
@media(max-width:680px){
  /* LAYOUT */
  #layout{flex-direction:column}
  #sidebar-left,#sidebar-right{width:100%;border:none;border-bottom:1px solid #bbb}

  /* HEADER - logo sus, controale jos */
  #header-inner{
    flex-direction:column;
    align-items:stretch;
    padding:8px 10px;
    gap:6px;
    flex-wrap:wrap
  }
  #logo{
    justify-content:flex-start
  }
  #logo img{
    height:60px
  }
  #logo-name{
    font-size:1.2rem
  }
  #logo-tagline{
    font-size:0.65rem
  }
  /* Controalele (font + biblie + search) - pe un rand sub logo */
  #header-right{
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    width:100%
  }
  #font-ctrl-header{
    padding:3px 6px
  }
  #bible-btn{
    font-size:12px;
    padding:4px 8px
  }
  #header-search{
    flex:1;
    min-width:120px
  }
  #header-search input{
    width:100%;
    min-width:80px
  }
}

/* LOGO cu imagine */
#logo{display:flex;flex-direction:row;align-items:center;text-decoration:none;gap:10px}
#logo:hover{opacity:.9;text-decoration:none}
#logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff}
#logo-name{display:block;font-size:1.45rem;font-weight:bold;color:#fff;white-space:nowrap;line-height:1.2}
#logo-tagline{display:block;font-size:0.72rem;font-weight:normal;color:rgba(255,255,255,.72);letter-spacing:.1px;margin-top:3px;white-space:nowrap;line-height:1}

/* FONT BUTTONS IN HEADER */
#font-ctrl-header{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);padding:4px 8px;border-radius:3px}
#font-label-hdr{font-size:11px;color:rgba(255,255,255,.7);margin-right:3px;white-space:nowrap}
.hdr-font-btn{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:#fff;border-radius:3px;cursor:pointer;padding:2px 7px;line-height:1.3;transition:all .1s;font-weight:bold}
.hdr-font-btn:nth-child(2){font-size:11px}
.hdr-font-btn:nth-child(3){font-size:14px}
.hdr-font-btn:nth-child(4){font-size:19px}
.hdr-font-btn:hover{background:rgba(255,255,255,.25)}
.hdr-font-active{background:rgba(255,255,255,.35)!important;border-color:#fff!important}

/* YOUTUBE EMBED */
.yt-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:14px 0;border-radius:4px}
.yt-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}

/* FONT SIZE CONTROLS */
.font-ctrl{display:flex;align-items:center;gap:5px;margin-bottom:12px;padding:6px 0;border-bottom:1px solid #e8e8e8}
.font-label{font-size:11px;color:#888;margin-right:4px}
.font-btn{padding:2px 9px;border:1px solid #bbb;background:#f5f5f5;border-radius:3px;cursor:pointer;color:#1a4a8c;line-height:1.4;transition:all .1s;font-weight:bold}
.font-btn:hover{background:#ddeeff;border-color:#1a4a8c}
.font-btn-active{background:#1a4a8c!important;color:#fff!important;border-color:#1a4a8c!important}

/* CONTACT FORM */
.contact-field{margin-bottom:13px}
.contact-field label{display:block;font-size:13px;font-weight:bold;color:#1a4a8c;margin-bottom:4px}
.contact-field input,.contact-field textarea{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:3px;font-size:13px;font-family:inherit}
.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#1a4a8c;box-shadow:0 0 0 2px rgba(26,74,140,.15)}
.contact-field textarea{resize:vertical;min-height:120px}
.contact-btn{padding:9px 24px;background:#1a4a8c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px;font-weight:bold}
.contact-btn:hover{background:#0f3070}

/* DATA ARTICOL */
.art-header{position:relative;margin-bottom:4px}
.art-header h1{margin-bottom:2px}
.art-date{display:block;text-align:right;font-size:11.5px;font-style:italic;color:#aaa;margin-top:-4px;margin-bottom:10px;letter-spacing:.2px}