/* The original jf_texturia stylesheet is kept intact. Only responsive and account UI rules live here. */
/* Menu markup uses original Joomla template image-based menu CSS. */
#jf-mainmenu nav ul{margin:0;padding:0}
#jf-mainmenu nav ul li{white-space:nowrap}
#jf-content .ce-article{padding:12px 18px;overflow-wrap:anywhere}
#jf-content .ce-article img{max-width:100%;height:auto}
#jf-content .ce-article table{max-width:100%}
#jf-topright .ce-logout{display:inline-block}
#jf-topright .ce-logout button{background:#fff;border:1px solid #b7b7b7;color:#242424;cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:bold;padding:3px 10px;line-height:18px;border-radius:2px}
#jf-topleft a{color:#fff}
#jf-footermenu a{margin-right:10px}
/* Account pages are deliberately separate from legacy Joomla template. */
.ce-auth{margin:0;min-height:100vh;background:#f6f6f6 url('../templates/jf_texturia/images/jf_body.png') repeat-x top left;font:14px/1.45 Tahoma,Verdana,sans-serif;display:flex;align-items:flex-start;justify-content:center;padding:65px 15px 25px;box-sizing:border-box}
.ce-auth-card{box-sizing:border-box;width:100%;max-width:450px;padding:28px;border:1px solid #ddd;background:#fff;box-shadow:0 12px 32px #0002;border-radius:9px}
.ce-auth-card img{max-width:200px;max-height:110px;object-fit:contain}
.ce-auth-card h2{font-size:22px;font-weight:600;margin:15px 0 20px;color:#5d4119}
.ce-auth-card h3{margin:20px 0 8px}
.ce-auth-card label{display:block;font-weight:bold;margin-bottom:13px}
.ce-auth-card input,.ce-auth-card select{display:block;box-sizing:border-box;width:100%;border:1px solid #aaa;border-radius:4px;padding:11px;margin-top:4px;font:inherit}
.ce-auth-card button{border:0;background:#b87132;color:white;padding:12px 20px;border-radius:4px;font-weight:bold;cursor:pointer}
.ce-auth-card p{margin:12px 0}
.ce-auth-card a{color:#7f4513}
.ce-error{background:#fff0f0;color:#a51212;padding:10px}
.ce-success{background:#eafbe9;color:#185d1b;padding:10px}
@media(max-width:1050px){#jf-wrapper{width:100%;max-width:1034px}#jf-header{height:auto;min-height:135px}#jf-logo{margin-left:15px}#jf-mainmenu{width:calc(100% - 250px);height:auto;margin-right:15px}#jf-content{width:auto;min-width:0}#jf-main{width:calc(100% - 12px)}#jf-right{display:none}#jf-main-page{overflow:hidden}}
@media(max-width:690px){#jf-topleft,#jf-topright{float:none;display:block;width:auto;margin:0 12px;text-align:left}#jf-header{display:flex;flex-direction:column;gap:8px;align-items:center}#jf-logo{float:none;width:auto;margin:0}#jf-mainmenu{float:none;margin:0 6px;width:calc(100% - 12px)}#jf-mainmenu nav ul{justify-content:center}#jf-mainmenu nav a{padding:5px 7px;font-size:11px}#jf-content .ce-article{padding:8px}#jf-content .ce-article table{display:block;overflow-x:auto}}

/* Keep the original Joomla Media-Player design while preventing image compression.
   A legacy row specifies width:100% on the title cell, which collapses covers to 3px. */
#jf-content .ce-article > table {
  width: 100%;
  table-layout: fixed;
}
#jf-content .ce-article > table > tbody > tr > td:first-child {
  width: 310px !important;
}
#jf-content .ce-article > table > tbody > tr > td:nth-child(2) {
  width: auto !important;
}
#jf-content .ce-article > table > tbody > tr > td:first-child img {
  max-width: 100% !important;
  height: auto !important;
}
@media (max-width: 1050px) {
  #jf-main-page { width: 100%; }
  #jf-footer { width: 100%; }
}
@media (max-width: 690px) {
  #jf-content .ce-article > table {
    display: table !important;
    overflow: visible !important;
  }
  #jf-content .ce-article > table > tbody > tr > td:first-child {
    width: 48% !important;
    min-width: 0 !important;
  }
  #jf-content .ce-article > table > tbody > tr > td:first-child img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #jf-footermenu {
    float: none;
    width: auto;
    padding: 0 10px;
  }
}

/* Explicit high-contrast Logout on old jf_texturia header (button, not anchor). */
#jf-topright form.ce-logout button[type="submit"], #jf-topright form.ce-logout button[type="submit"]:visited { color: #242424 !important; background: #fff !important; border: 1px solid #999 !important; opacity: 1 !important; visibility: visible !important; }
#jf-topright form.ce-logout button[type="submit"]:hover, #jf-topright form.ce-logout button[type="submit"]:focus { color: #111 !important; background: #ffedd5 !important; }