/* Foxeep client area fixes (pass160). Loaded last by includes/hooks/foxeep_ui_fixes.php */

/* 1) Login / password reset: merged input groups in Arabic (icon box on the right, eye button on the left) */
html[dir=rtl] .input-group-merge>.input-group-prepend{margin-left:-1px!important;margin-right:0!important}
html[dir=rtl] .input-group-merge>.input-group-prepend>.input-group-text{border-radius:0 12px 12px 0!important;border:1px solid #DCE5EF!important;border-left:0!important}
html[dir=rtl] .input-group-merge>.form-control{border-radius:12px 0 0 12px!important}
html[dir=rtl] .input-group-merge>.form-control:not(:last-child){border-radius:0!important}
html[dir=rtl] .input-group-merge>.input-group-append{margin-right:-1px!important;margin-left:0!important}
html[dir=rtl] .input-group-merge>.input-group-append>.btn,html[dir=rtl] .input-group-merge>.input-group-append>.btn-reveal-pw,html[dir=rtl] .input-group-merge>.input-group-append>.input-group-text{border-radius:12px 0 0 12px!important;border:1px solid #DCE5EF!important;border-right:0!important}
html[dir=rtl] .input-group-merge:focus-within>.input-group-prepend>.input-group-text,html[dir=rtl] .input-group-merge:focus-within>.input-group-append>.btn-reveal-pw{border-color:#0E4EB5!important}

/* 2a) Order form: the two collapsed menus (Categories / Actions) on tablets and phones */
@media (max-width:991.98px){
#order-standard_cart .sidebar-collapsed{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
#order-standard_cart .sidebar-collapsed .panel,#order-standard_cart .sidebar-collapsed .card{margin:0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 4px 14px rgba(1,41,87,.06)}
#order-standard_cart .sidebar-collapsed .panel-heading,#order-standard_cart .sidebar-collapsed .card-header{padding:10px 14px!important;min-height:0!important}
#order-standard_cart .sidebar-collapsed .panel-title{font-size:14.5px!important;line-height:1.3!important;margin:0!important;font-weight:700}
#order-standard_cart .sidebar-collapsed .panel-title i{font-size:13px}
#order-standard_cart .sidebar-collapsed .panel-body,#order-standard_cart .sidebar-collapsed .card-body{padding:10px 12px!important}
#order-standard_cart .sidebar-collapsed select{height:44px!important;min-height:44px;padding-top:0;padding-bottom:0;font-size:14px!important;border-radius:10px!important}
}
@media (max-width:575.98px){#order-standard_cart .sidebar-collapsed{grid-template-columns:minmax(0,1fr)}}

/* 2b) Domain search / transfer rows: www + name + extension on one aligned line */
#order-standard_cart .domain-input-group .domains-row{align-items:stretch}
#order-standard_cart .domain-input-group .input-group,#order-standard_cart .domain-input-group .form-control,#order-standard_cart .domain-input-group select.form-control{height:52px!important}
#order-standard_cart .domain-input-group .input-group-text{height:52px;font-weight:700;color:#012957;background:#EEF3FA;border-color:#DCE5EF}
#order-standard_cart .domain-input-group select.form-control{border-radius:12px!important;border:1px solid #DCE5EF;background-color:#fff;font-weight:600;color:#012957;padding:0 12px}
#order-standard_cart .domain-input-group .btn{height:52px;border-radius:12px!important;font-weight:700}

/* 2c) Transfer page: card centred under the centred title and offer */
#order-standard_cart .fx-dt-col{float:none;margin-left:auto!important;margin-right:auto!important}
#order-standard_cart #frmDomainTransfer + p.text-center,#order-standard_cart .cart-body>.text-center{text-align:center!important;margin-left:auto;margin-right:auto}
#order-standard_cart .cart-body>.text-center>p{display:inline-block;margin:6px auto 0}
#order-standard_cart #frmDomainTransfer .panel-footer,#order-standard_cart #frmDomainTransfer .card-footer{text-align:center!important}

/* 6) Transfer note directly under "Transfer your domain from another registrar", above the search box */
#order-standard_cart .fx-tr-note-top{margin:4px 0 14px!important}

/* 3) "Add web hosting" / "Transfer your domain" boxes: icon no longer covers the title in Arabic */
#order-standard_cart .domain-promo-box{position:relative;overflow:hidden}
#order-standard_cart .domain-promo-box .clearfix>i{color:#0E4EB5;opacity:.9;font-size:2.6em}
html:not([dir=rtl]) #order-standard_cart .domain-promo-box .clearfix>i{float:right;margin:0 0 8px 16px}
html[dir=rtl] #order-standard_cart .domain-promo-box .clearfix>i{float:left!important;margin:0 16px 8px 0!important}
#order-standard_cart .domain-promo-box h3{margin-top:0;line-height:1.35}

/* 7a) Active products: "Log in to cPanel" + menu + "View details" as tidy, matching buttons */
.div-service-buttons{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.div-service-buttons .btn-group{display:inline-flex!important;align-items:stretch;margin:0!important;float:none!important;box-shadow:0 4px 12px rgba(14,78,181,.16);border-radius:999px}
.div-service-buttons .btn-group .btn-group{box-shadow:none;border-radius:0}
.div-service-buttons .btn-group .btn{margin:0!important;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#2F6FDC,#0B3A8F)!important;color:#fff!important;font-weight:600;font-size:13px;padding:8px 14px!important;line-height:1.25;box-shadow:none!important}
.div-service-buttons .btn-group .btn:hover{filter:brightness(1.08)}
.div-service-buttons .btn-group .dropdown-toggle{padding:8px 12px!important;border-inline-start:1px solid rgba(255,255,255,.28)!important}
.div-service-buttons>.btn-group>.btn:first-child{border-start-start-radius:999px!important;border-end-start-radius:999px!important}
.div-service-buttons>.btn-group>.btn:last-child,.div-service-buttons>.btn-group>.btn-group:last-child>.btn{border-start-end-radius:999px!important;border-end-end-radius:999px!important}
.div-service-buttons .btn-view-details{border-radius:999px!important;background:#fff!important;color:#0E4EB5!important;border:1px solid #C9D7EE!important;font-weight:600;font-size:13px;padding:7px 14px!important;box-shadow:none!important;margin:0!important}
.div-service-buttons .btn-view-details:hover{background:#EAF1FF!important}
.div-service-buttons .dropdown-menu{border-radius:12px;border:1px solid #E3EAF3;box-shadow:0 12px 28px rgba(1,41,87,.14);padding:6px}
.div-service-buttons .dropdown-menu .dropdown-item{border-radius:8px;padding:8px 12px;cursor:pointer}

/* 7b) Ticket message editor toolbar: light, grouped buttons */
.md-editor>.md-header{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px!important;background:#F7F9FC!important;border-bottom:1px solid #E3EAF3}
.md-editor>.md-header .btn-group{display:inline-flex;margin:0!important;float:none!important}
.md-editor>.md-header .btn{margin:0!important;background:#fff!important;background-image:none!important;color:#33445C!important;border:1px solid #DCE5EF!important;border-radius:0!important;box-shadow:none!important;padding:6px 10px!important;font-size:13px;line-height:1.2;font-weight:600;min-width:34px}
.md-editor>.md-header .btn+.btn{margin-inline-start:-1px!important}
.md-editor>.md-header .btn:hover,.md-editor>.md-header .btn:focus{background:#EAF1FF!important;color:#0E4EB5!important;border-color:#B9CCE8!important;position:relative;z-index:1}
.md-editor>.md-header .btn.active{background:#0E4EB5!important;color:#fff!important;border-color:#0E4EB5!important}
.md-editor>.md-header .btn-group>.btn:first-child{border-start-start-radius:8px!important;border-end-start-radius:8px!important}
.md-editor>.md-header .btn-group>.btn:last-child{border-start-end-radius:8px!important;border-end-end-radius:8px!important}
.md-editor>.md-header .btn-primary,.md-editor>.md-header [data-handler*="Preview"]{color:#0E4EB5!important;border-color:#B9CCE8!important}
.md-editor>.md-header .btn-primary.active,.md-editor>.md-header [data-handler*="Preview"].active{background:#0E4EB5!important;color:#fff!important}
.md-editor{border-radius:12px;overflow:hidden;border-color:#DCE5EF}

/* 7c) Any other split / grouped buttons in Arabic: rounded on the outer edges only */
html[dir=rtl] .btn-group>.btn:not(:only-child),html[dir=rtl] .btn-group>.btn-group:not(:only-child)>.btn{border-radius:0}
html[dir=rtl] .btn-group>.btn:first-child:not(:only-child),html[dir=rtl] .btn-group>.btn-group:first-child:not(:only-child)>.btn{border-start-start-radius:10px;border-end-start-radius:10px}
html[dir=rtl] .btn-group>.btn:last-child:not(:only-child),html[dir=rtl] .btn-group>.btn-group:last-child:not(:only-child)>.btn{border-start-end-radius:10px;border-end-end-radius:10px}
html[dir=rtl] .btn-group>.btn+.btn,html[dir=rtl] .btn-group>.btn+.btn-group,html[dir=rtl] .btn-group>.btn-group+.btn{margin-left:0;margin-right:-1px}

/* 4) Contact: email cards under the ticket departments */
.fx-tk-mail-h{margin:26px 0 12px;font-size:17px;font-weight:700;color:#012957}
.fx-tk-grid.fx-tk-mails .fx-tk-card .fx-tk-addr{display:block;margin-top:6px;font-weight:700;color:#0E4EB5;direction:ltr;unicode-bidi:isolate}

/* 7b+) toolbar icons and labels readable */
.md-editor>.md-header .btn,.md-editor>.md-header .btn *{color:#33445C!important;-webkit-text-fill-color:#33445C!important;opacity:1!important}
.md-editor>.md-header .btn:hover *,.md-editor>.md-header .btn:focus *{color:#0E4EB5!important;-webkit-text-fill-color:#0E4EB5!important}
.md-editor>.md-header .btn.active,.md-editor>.md-header .btn.active *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.md-editor>.md-header .btn-primary,.md-editor>.md-header .btn-primary *,.md-editor>.md-header [data-handler*="Preview"],.md-editor>.md-header [data-handler*="Preview"] *{color:#0E4EB5!important;-webkit-text-fill-color:#0E4EB5!important}
.md-editor>.md-header .md-control-fullscreen{color:#5A6B82!important;margin-inline-start:auto}

/* pass161: ticket / contact cards - four per row */
.fx-tk-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
@media (max-width:1199.98px){.fx-tk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:575.98px){.fx-tk-grid{grid-template-columns:minmax(0,1fr)!important}}
.fx-tk-grid .fx-tk-card{min-width:0;padding:18px!important}
.fx-tk-grid .fx-tk-desc{font-size:13.5px}
.fx-tk-card .fx-tk-addr{display:block;margin-top:6px;font-weight:700;color:#0E4EB5;direction:ltr;unicode-bidi:isolate;word-break:break-all}

/* pass161: domain categories (Most popular, Arts & entertainment...) */
#order-standard_cart .tld-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 18px}
#order-standard_cart .tld-filters .badge{margin:0!important;padding:7px 14px!important;font-size:13px!important;font-weight:600!important;line-height:1.3;border-radius:999px!important;background:#F1F5FB!important;background-image:none!important;color:#12305C!important;border:1px solid #DCE5EF!important;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
#order-standard_cart .tld-filters .badge:hover{background:#E3ECF9!important;border-color:#B9CCE8!important;color:#0E4EB5!important}
#order-standard_cart .tld-filters .badge.badge-success,#order-standard_cart .tld-filters .badge.active{background:#0E4EB5!important;background-image:linear-gradient(135deg,#2F6FDC,#0B3A8F)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 10px rgba(14,78,181,.22)!important}
#order-standard_cart .domain-pricing h4{text-align:center;font-size:18px!important;margin-top:24px}

/* pass161: checkout - chosen account card without the inner box */
#order-standard_cart .account-select-container .account label.radio-inline{display:block!important;width:100%;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important}
#order-standard_cart .account-select-container .account .address{background:transparent!important;box-shadow:none!important;border:0!important}

/* pass161: table pages (services, domains, invoices...) - real buttons for the pages */
.dataTables_wrapper .dataTables_paginate .pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0}
.dataTables_wrapper .dataTables_paginate .page-item .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 16px!important;margin:0!important;border:1px solid #DCE5EF!important;border-radius:999px!important;background:#fff!important;color:#0E4EB5!important;font-weight:600;font-size:14px;box-shadow:0 2px 6px rgba(1,41,87,.05)}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link{background:#0E4EB5!important;background-image:linear-gradient(135deg,#2F6FDC,#0B3A8F)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 10px rgba(14,78,181,.22)}
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link{background:#F4F7FB!important;color:#9AA8BA!important;cursor:default;box-shadow:none}
.dataTables_wrapper .dataTables_paginate .page-item:not(.active):not(.disabled) .page-link:hover{background:#EAF1FF!important}
.dataTables_wrapper .dataTables_length label{display:inline-flex;align-items:center;gap:8px;margin:0}
.dataTables_wrapper .dataTables_length select{height:40px!important;min-width:76px;border-radius:999px!important;border:1px solid #DCE5EF!important;background-color:#fff!important;padding:0 14px!important;font-weight:600;color:#012957}

html body #order-standard_cart .account-select-container .account label.radio-inline,html body #order-standard_cart .account-select-container .account label.radio-inline:has(.iradio_square-blue.checked){display:block!important;width:100%;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-color:transparent!important}

/* pass161b: space between the table edge and the first column */
html body .dataTables_wrapper table.table-list thead tr th:first-child,html body table.table-list thead tr th.fx-th-start,html body table.table-list tbody tr td:first-child{padding-inline-start:38px!important}
table.table-list>thead>tr>th:last-child,table.table-list>tbody>tr>td:last-child{padding-inline-end:18px!important}

/* pass162: remove the extra one-button menu before "Log in to cPanel" in Active products */
.div-service-buttons>.btn-group-primary{display:none!important}

/* pass163: transfer page - title closer to the box */
#order-standard_cart .fx-dt-title{margin:0 0 14px!important}
#order-standard_cart .fx-dt-title h2{margin:0!important}
/* pass163: label above the domain checkboxes */
html body #tableDomainsList thead th.fx-th-sel{width:auto!important;min-width:70px;white-space:nowrap;text-align:center}
/* pass163: field hints (e.g. "Please enter the domain") above the field, never over the text being typed */
.tooltip.fx-field-tip{pointer-events:none;z-index:1070}
.tooltip.fx-field-tip .tooltip-inner{background:#B3261E;color:#fff;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;max-width:280px}
.tooltip.fx-field-tip.bs-tooltip-top .arrow::before,.tooltip.fx-field-tip.bs-tooltip-auto[x-placement^=top] .arrow::before{border-top-color:#B3261E}

/* pass168: domains table - compact select column, one-line headings, aligned cells */
html body #tableDomainsList{width:100%!important;table-layout:auto}
html body #tableDomainsList thead th{white-space:nowrap!important;vertical-align:middle!important}
html body #tableDomainsList tbody td{vertical-align:middle!important}
html body #tableDomainsList thead th.fx-th-sel,html body #tableDomainsList tbody td:first-child{width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center!important;padding-inline-start:14px!important;padding-inline-end:6px!important}
html body #tableDomainsList thead th:nth-child(2),html body #tableDomainsList tbody td:nth-child(2){text-align:start!important;width:auto!important}
html body #tableDomainsList thead th:nth-child(n+3),html body #tableDomainsList tbody td:nth-child(n+3){text-align:center!important;width:1%!important;white-space:nowrap!important;padding-inline-start:18px!important;padding-inline-end:18px!important}
html body #tableDomainsList tbody td:nth-child(2) small{display:inline-flex;align-items:center;gap:4px;margin-top:4px}

/* pass172: transfer page title styled like "Renew domain" (same size, colour, centred, line under it) */
#order-standard_cart .fx-dt-title{text-align:center!important;padding:0 0 14px!important;margin:0 0 18px!important;border-bottom:1px solid #D7DFEA}
#order-standard_cart .fx-dt-title h2{font-size:28px!important;font-weight:700!important;color:#012957!important;margin:0!important;line-height:1.35}

/* pass173: transfer box title always on one line - size follows the box width (wins over theme rules) */
html body #order-standard_cart #frmDomainTransfer .card-header,html body #order-standard_cart #frmDomainTransfer .panel-heading{container-type:inline-size}
html body #order-standard_cart #frmDomainTransfer .card-header .card-title,html body #order-standard_cart #frmDomainTransfer .panel-heading .panel-title{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,3.15cqi,22px)!important;line-height:1.45!important}
@media (max-width:575.98px){html body #order-standard_cart #frmDomainTransfer .card-header .card-title,html body #order-standard_cart #frmDomainTransfer .panel-heading .panel-title{white-space:normal!important;overflow:visible;font-size:16px!important}}

/* pass226: ticket departments - balanced layout when there are 5 cards (3 + 2 on desktop, last card full width on tablet) */
@media (min-width:1200px){
  .fx-tk-grid.fx-tk-n5{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .fx-tk-grid.fx-tk-n5 > .fx-tk-card{grid-column:span 2}
  .fx-tk-grid.fx-tk-n5 > .fx-tk-card:nth-child(n+4){grid-column:span 3}
}
@media (min-width:576px) and (max-width:1199.98px){
  .fx-tk-grid.fx-tk-n5 > .fx-tk-card:last-child{grid-column:1 / -1}
}

/* pass227: compact ticket cards - icon beside the name (right in Arabic, left in LTR), less height so all departments fit on screen */
.fx-tk-grid{gap:12px !important}
.fx-tk-grid .fx-tk-card{display:grid !important;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:0 !important;align-items:center;padding:14px 16px !important}
.fx-tk-grid .fx-tk-ico{width:40px !important;height:40px !important;border-radius:11px !important;font-size:17px !important;margin:0 !important;grid-column:1;grid-row:1}
.fx-tk-grid .fx-tk-name{grid-column:2;grid-row:1;margin:0 !important;font-size:16px !important;line-height:1.35}
.fx-tk-grid .fx-tk-desc{grid-column:1 / -1;grid-row:2;margin:6px 0 0 !important;font-size:13px !important;line-height:1.6}
.fx-tk-grid .fx-tk-desc .fx-tk-addr{margin-top:2px !important}
.fx-tk-grid .fx-tk-go{grid-column:1 / -1;grid-row:3;align-self:end;margin-top:8px !important;padding-top:0 !important}
.fx-tk-head{margin-bottom:10px !important}
.fx-tk-head h3{margin-bottom:4px !important}
.fx-tk-head p{margin-bottom:0 !important}
.primary-content:has(> .fx-tk-head){padding-top:0 !important}