/* ============================================================================
   1st Real Estate — modern theme (2026 redesign)
   A single cohesive stylesheet. Replaces the legacy restyle/oferta/responsive
   sheets. Only the logo image is kept from the old design.
   Palette: deep navy + warm orange (ties to the brand) + gold highlight.
   ========================================================================== */

:root{
	--navy:#0e2a47;
	--navy-2:#12395f;
	--navy-3:#0a2038;
	--accent:#ef6c2e;      /* warm orange */
	--accent-2:#d95a1e;
	--gold:#f4b740;
	--bg:#eef1f6;
	--card:#ffffff;
	--ink:#1e2a3a;
	--muted:#64748b;
	--line:#e6eaf1;
	--radius:14px;
	--shadow:0 6px 22px rgba(15,35,62,.10);
	--shadow-sm:0 2px 8px rgba(15,35,62,.08);
	--maxw:1500px;   /* widened so the middle column is ~1.5x while sidebars stay 290px */
	--side:260px;    /* fixed width of the left & right sidebars */
	--head:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif;
	--body:'Inter',-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%;}
.site-main,.hero{overflow-x:hidden;}
body{
	background:var(--bg);
	color:var(--ink);
	font-family:var(--body);
	font-size:15px;
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;border:0;vertical-align:middle;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-2);}
h1,h2,h3,h4{font-family:var(--head);color:var(--navy);line-height:1.2;margin:0 0 .4em;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px;}

/* Hide the legacy decorative sliced-GIF chrome (headers/dividers/column bg). */
.small_column img[src*="images/head"],
.small_column img[src*="images/end"],
.small_column img[src*="images/title"],
.small_column img[src*="images/bg"],
.small_column img[src*="divide"]{display:none !important;}

/* ---------- Header ---------- */
.site-header{
	position:sticky;top:0;z-index:1000;
	background:var(--navy);
	box-shadow:0 2px 14px rgba(0,0,0,.18);
}
.header-inner{display:flex;align-items:center;gap:18px;min-height:74px;padding:8px 20px;}
.brand{flex:0 0 auto;line-height:0;}
.brand img{height:56px;width:auto;border-radius:8px;}
.header-right{margin-left:auto;display:flex;align-items:center;gap:22px;}
.lang-switch{display:flex;align-items:center;gap:6px;}
.lang-switch .gjuha{color:#c9d8e8;font-size:12px;font-weight:600;letter-spacing:.3px;}
.lang-switch a.gjuha:hover{color:#fff;}

/* Nav — reset the old sliced-image buttons into clean text links */
.main-nav ul#menu{list-style:none;margin:0;padding:0;display:flex;gap:4px;float:none;}
.main-nav #menu li{display:block;}
.main-nav #menu li a,
.main-nav #menu li a[class^="but"]{
	background:transparent !important;width:auto !important;height:auto !important;
	line-height:normal !important;float:none !important;display:block;
	padding:10px 14px;border-radius:8px;color:#e7eef6;font-family:var(--head);
	font-size:13.5px;font-weight:600;letter-spacing:.2px;white-space:nowrap;
	transition:background .15s,color .15s;
}
.main-nav #menu li a:hover{background:rgba(255,255,255,.10) !important;color:#fff;}
.nav-toggle{display:none;margin-left:auto;background:rgba(255,255,255,.12);color:#fff;
	border:0;font-size:22px;line-height:1;padding:8px 13px;border-radius:8px;cursor:pointer;}

/* ---------- Hero (home only) ---------- */
.hero{
	position:relative;
	background:linear-gradient(180deg,rgba(10,32,56,.86),rgba(10,32,56,.94)),
		url(../images/big_banner.jpg) center/cover no-repeat;
	color:#fff;padding:64px 0 120px;text-align:center;
}
.hero h1{color:#fff;font-size:2.6rem;font-weight:800;margin-bottom:.25em;letter-spacing:-.5px;overflow-wrap:break-word;}
.hero p{color:#d5e2f0;font-size:1.1rem;max-width:640px;margin:0 auto;overflow-wrap:break-word;}
.hero .hero-badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
	color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
	padding:6px 14px;border-radius:30px;margin-bottom:16px;}

/* ---------- Main layout ---------- */
.site-main{padding:26px 0 40px;}
/* On home, pull content up so the search card overlaps the hero. */
.home .site-main{margin-top:-92px;position:relative;z-index:5;}
#main{background:transparent;padding:0;overflow:visible;width:auto;}
.small_column{display:flex;flex-wrap:wrap;gap:22px;float:none;width:auto;padding:0;align-items:flex-start;}
#search{width:100%;flex:1 1 100%;}
/* Middle column takes all remaining space; sidebars are a fixed, equal width. */
.column2,.column4{flex:1 1 0;min-width:0;background:none;float:none;width:auto;margin:0;}
.column3,.column5{flex:0 0 var(--side);min-width:0;max-width:var(--side);background:none;float:none;width:auto;margin:0;position:static;}
/* .column2 holds page/detail content -> render it as a white card (contains floats). */
.column2{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
	box-shadow:var(--shadow-sm);padding:24px;}

/* Generic content card wrapper */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
	box-shadow:var(--shadow-sm);padding:18px;margin-bottom:20px;}
.panel-title,.sec-title{font-family:var(--head);font-size:1.05rem;font-weight:700;color:var(--navy);
	margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--line);position:relative;}
.panel-title:after,.sec-title:after{content:"";position:absolute;left:0;bottom:-2px;width:46px;height:2px;background:var(--accent);}

/* ---------- Search widget (kerkim.php) ---------- */
#divKerkim{
	width:100% !important;height:auto !important;border:0 !important;background:var(--card) !important;
	border-radius:16px;box-shadow:var(--shadow);padding:22px 22px 18px !important;margin:0 0 24px !important;
}
.searchTable{width:100%;margin:0 !important;border-collapse:collapse;}
.searchTable td{padding:6px 8px;vertical-align:bottom;}
.searchLabel td, .searchLabel{color:var(--muted) !important;}
.searchTable td:first-child{width:120px;}
/* field labels (the getlang text nodes) */
.searchTable{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;}
.searchTable .selectInput,.searchTable .textInput,.searchTable select,.searchTable input[type=text]{
	font-family:var(--body);font-weight:500;font-size:15px;color:var(--ink);text-transform:none;letter-spacing:0;
	width:100%;background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-top:5px;
}
.searchTable .textInput{width:100%;}
.searchTable .textInput.price{width:100%;}
.searchTable select:focus,.searchTable input:focus{outline:none;border-color:var(--accent);background:#fff;
	box-shadow:0 0 0 3px rgba(239,108,46,.12);}
.offqira{width:auto;height:auto;background:#eef2f7;color:var(--navy);border-radius:9px;font-family:var(--head);
	font-size:15px;font-weight:700;text-align:center;padding:10px 8px;cursor:pointer;float:none;border:1px solid var(--line);
	margin-bottom:6px;transition:.15s;}
.offqira.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px rgba(239,108,46,.3);}
.offqira.inactive:hover{background:#e3e9f1;}
.searchTable .searchButton{
	width:100% !important;max-width:none;height:auto !important;font-family:var(--head);font-size:18px !important;
	font-weight:700;color:#fff;background:var(--accent);border:0;border-radius:10px;cursor:pointer;
	margin:6px 0 0 !important;padding:14px 18px;box-shadow:0 6px 16px rgba(239,108,46,.32);transition:.15s;
}
.searchTable .searchButton:hover{background:var(--accent-2);color:#fff;transform:translateY(-1px);}
#totObjNumber{display:inline-block;float:none;margin-top:12px !important;color:var(--muted) !important;
	font-family:var(--body);font-size:14px;font-weight:500;}
#totObjNumber b{color:var(--accent);font-family:var(--head);}

/* ---------- Property cards (oferta2 / results2) ---------- */
div.result_box2{
	position:relative;display:flex;gap:0;float:none;width:100%;margin:0 0 16px;min-height:0;
	background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
	box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s;padding:0;border-bottom:1px solid var(--line);
}
div.result_box2:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
div.result_image2{flex:0 0 232px;width:232px;height:186px;float:none;overflow:hidden;position:relative;background:#e9edf3;}
div.result_image2 img{width:100%;height:100%;object-fit:cover;border:0;padding:0;border-radius:0;transition:transform .3s;}
div.result_box2:hover .result_image2 img{transform:scale(1.05);}
div.result_image2 img:hover{border:0;}
.photonr2{position:absolute;top:auto;bottom:10px;left:10px;width:auto;color:#fff;background:rgba(10,32,56,.82);
	border:0;border-radius:30px;padding:4px 11px 4px 26px;font-size:11px;font-weight:600;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='white' viewBox='0 0 16 16'><path d='M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/><path d='M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-1.5l-.7-1.4A1 1 0 0 0 10.9 2H5.1a1 1 0 0 0-.9.6L3.5 4H2z'/></svg>");
	background-repeat:no-repeat;background-position:9px center;}
.result_info2{flex:1 1 auto;width:auto;float:none;padding:16px 152px 16px 18px;margin:0;min-width:0;}
.result_info2 p.title{width:auto;font-family:var(--head);font-size:1.08rem;font-weight:700;margin:0 0 8px;
	padding:0;background:transparent;line-height:1.3;}
a.title_link{color:var(--navy);}
a.title_link:hover{color:var(--accent);text-decoration:none;}
.result_info2 p.result{font-size:13px;color:var(--muted);line-height:1.7;margin:0;max-height:118px;overflow:hidden;}
a.result,a.result:visited{color:var(--muted);}
a.result:hover{color:var(--ink);}
.result_info2 p.result i{color:var(--navy);font-style:normal;font-weight:600;}
/* price badge top-right of card */
div.price2{position:absolute;top:14px;right:14px;width:auto;height:auto;margin:0;
	font-family:var(--head);font-size:1rem;font-weight:800;color:#fff;background:var(--accent);
	padding:7px 14px;border-radius:30px;box-shadow:0 4px 12px rgba(239,108,46,.3);z-index:2;}
div.kodi2{position:absolute;bottom:12px;right:16px;top:auto;width:auto;margin:0;color:var(--muted);
	font-size:11px;font-weight:600;}
div.kodi2 span{color:#94a3b8;font-weight:500;}
a.adm_link{position:absolute;left:auto;right:16px;bottom:34px;top:auto;background:var(--navy);color:#fff;
	border:0;border-radius:6px;padding:3px 10px;font-size:11px;}
a.adm_link:hover{background:var(--navy-2);text-decoration:none;}

/* Section heading that some listing pages emit (e.g. the little roof icon row) */
.result_box2 + br{display:none;}

/* ---------- Pagination ---------- */
#divPageResults{width:100% !important;background:transparent !important;margin-top:22px !important;
	display:flex !important;justify-content:center;gap:6px;flex-wrap:wrap;float:none;}
.pagenr,.pagenrsel{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
	padding:0 10px;border-radius:9px;font-family:var(--head);font-size:14px;text-decoration:none;}
.pagenr{background:var(--card);border:1px solid var(--line);color:var(--navy);}
.pagenr:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.pagenrsel{background:var(--accent);color:#fff !important;font-weight:700;}

/* ---------- Left info sidebar (info.php / info2 / menulegj) ---------- */
.items{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
	box-shadow:var(--shadow-sm);padding:6px 4px;margin-bottom:18px;overflow:hidden;}
.items .item,.items .item2{width:auto;float:none;margin:0;padding:0;border:0;background:none;}
.items .item p,.items .item2 p{width:auto;float:none;margin:0;}
.items .item a{display:block;color:var(--ink);font-size:14px;font-weight:500;padding:11px 14px;border-radius:8px;
	border-bottom:1px solid var(--line);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='%2394a3b8' viewBox='0 0 8 12'><path d='M1 1l5 5-5 5' stroke='%2394a3b8' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>") no-repeat right 14px center;}
.items .item:last-child a{border-bottom:0;}
.items .item a:hover{background-color:#f5f8fc;color:var(--accent);}
/* SHES / JAP ME QIRA quick buttons */
.shesqira{width:auto;height:auto;display:block;background:#fff;border:1.5px solid var(--accent);color:var(--accent);
	border-radius:10px;font-family:var(--head);font-size:16px;font-weight:700;text-align:center;
	padding:12px 10px;margin:0 0 10px;cursor:pointer;transition:.15s;}
.shesqira:hover,.shesqira.active{background:var(--accent);color:#fff;}

/* ---------- Right promo sidebar (container_right) ---------- */
.column5 .promo{display:block;background:var(--navy);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;
	color:#fff;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:.18s;}
.column5 a.rightLink{display:block;color:#fff;font-family:var(--head);font-weight:700;opacity:1;text-decoration:none;}
.column5 a.rightLink:hover{text-decoration:none;}
.column5 .promo:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
#divPrenotimet1,#divPrenotimet2,#divAnkande,#divBankat,#divLajme,#divVideo{
	width:auto;height:auto;background:transparent;text-align:left;padding:0;margin:0;
	font-family:var(--head);font-size:1.05rem;font-weight:700;color:#fff;line-height:1.25;}
.kerkoRight{display:inline-block;float:none;margin:0 0 8px;color:var(--gold);font-family:var(--body);
	font-size:12px;font-weight:600;background:rgba(255,255,255,.1);padding:3px 10px;border-radius:20px;text-align:left;}

/* Credit calculator (pmt.php) */
#pmtTable{width:100%;margin:0;}
#pmtTable td{padding:5px 4px;color:var(--ink);font-size:14px;}
#pmtTable input[type=text]{width:100%;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:8px 10px;}
#pmtTable #pmtLlogarit,#pmtTable input[type=button]{width:auto;height:auto;background:var(--navy);color:#fff;border:0;
	border-radius:8px;padding:9px 14px;font-family:var(--head);font-weight:600;cursor:pointer;}
.reklama{float:none;margin:6px 0;padding:0;}

/* ---------- Details page ---------- */
.col2{width:352px !important;float:left;padding:0;margin:0;background:transparent;}
.col3{width:auto !important;margin-left:384px;float:none;padding:0;background:transparent;}
.big_pic{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#e9edf3;}
img.img_big_pic{width:100% !important;height:auto !important;padding:0;border:0;border-radius:var(--radius);}
img.img_big_pic:hover{border:0;}
.pictures_thumbs{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
img.img_thumb{width:78px;height:60px;object-fit:cover;padding:0;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:.15s;}
img.img_thumb:hover{border-color:var(--accent);transform:translateY(-2px);}
.col3 h2{font-size:1.6rem;font-weight:800;color:var(--navy);margin:0 0 10px;}
.main_text_box{padding:0;color:var(--muted);font-size:14px;line-height:1.7;}
.details_list{padding:14px 0 0;}
.details_list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;}
.details_list ul li{padding:9px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;background:none;}
.details_list ul li span{color:var(--muted);font-weight:500;}
.title2{background:transparent;width:auto;color:var(--navy);font-family:var(--head);font-weight:700;padding:0;margin:14px 0 6px;}
.button{width:auto;height:auto;background:var(--navy);border-radius:9px;text-align:center;line-height:normal;
	padding:0;font-family:var(--head);font-weight:600;font-size:14px;display:inline-block;}
.button a{color:#fff;display:block;padding:10px 16px;}
.button a:hover{color:#fff;}
#mailto,#instd{margin:14px 0 0;padding:12px 14px 12px 46px;font-family:var(--head);font-weight:700;color:var(--accent);
	background-color:#fff5ef;border:1px solid #f6d8c6;border-radius:10px;cursor:pointer;}
#mailto{background-image:url(../images/mail.png);background-repeat:no-repeat;background-position:14px center;}
#instd{background-image:url(../images/instd.png);background-repeat:no-repeat;background-position:14px center;}
#mailto:hover,#instd:hover{background-color:#ffe9dc;text-decoration:none;}
#mailDiv,#instdDiv{width:100%;margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;
	padding:14px;color:var(--ink);font-size:14px;}
#mailDiv table,#instdDiv table{width:100%;}
#mailDiv td,#instdDiv td{padding:6px 4px;}
#mailDiv input[type=text],#mailDiv textarea,#instdDiv input[type=text]{width:100%;background:#f7f9fc;
	border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-family:var(--body);}
.dergo{width:auto !important;height:auto !important;background:var(--accent);color:#fff;border:0;border-radius:8px;
	padding:9px 18px;font-family:var(--head);font-weight:600;cursor:pointer;}
.dergo:hover{background:var(--accent-2);}

/* ---------- Static content pages ---------- */
.text,.textdescription{padding:0;float:none;color:var(--ink);font-size:15px;line-height:1.7;}
.text b{color:var(--navy);}
.text_fund{font-family:var(--head);font-size:1.05rem;color:var(--navy);}
.image_right{float:right;margin:0 0 12px 16px;border-radius:10px;}

/* ---------- Login ---------- */
#tblLogin{max-width:380px;margin:30px auto !important;background:var(--card);border:1px solid var(--line);
	border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;}
#tblLogin td{padding:8px 6px;}
#tblLogin input[type=text],#tblLogin input[type=password]{width:100%;background:#f7f9fc;border:1px solid var(--line);
	border-radius:9px;padding:11px 12px;font-size:15px;}
#tblLogin input[type=submit]{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:11px 22px;
	font-family:var(--head);font-weight:700;cursor:pointer;}
#tblLogin input[type=submit]:hover{background:var(--accent-2);}

/* ---------- Admin tables/forms (back-office, kept clean & functional) ---------- */
#tblAdmin,#selectTable{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);
	overflow:hidden;box-shadow:var(--shadow-sm);font-size:14px;}
#tblAdmin td,#tblAdmin th,#selectTable td,#selectTable th{padding:9px 10px;border-bottom:1px solid var(--line);}
#tblAdmin tr:first-child{background:var(--navy);color:#fff;}
#tblAdmin tr:first-child a{color:#fff;}
#tblAdmin a{color:var(--navy);}
#tblAdmin a:hover{color:var(--accent);}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy-3);color:#c9d6e4;padding:30px 0 24px;margin-top:30px;}
.site-footer #navigation{width:100% !important;list-style:none;padding:0 0 14px;margin:0;display:flex;
	flex-wrap:wrap;justify-content:center;gap:6px 10px;line-height:normal;}
.site-footer #navigation li{display:inline;}
.site-footer #navigation a{color:#c9d6e4;font-family:var(--head);font-size:13.5px;font-weight:600;}
.site-footer #navigation a:hover{color:#fff;text-decoration:none;}
.site-footer p{text-align:center;font-size:12.5px;color:#8ba3bd;margin:8px 0 0;}
.site-footer p a{color:var(--gold);}

/* ---------- Responsive ---------- */
@media (max-width:900px){
	.hero{padding:44px 0 110px;}
	.hero h1{font-size:2rem;}
	.col2,.col3{float:none;width:100% !important;margin-left:0;padding:0;}
	.col3{padding:18px 0 0;}
	.details_list ul{grid-template-columns:1fr;}
}
@media (max-width:820px){
	.nav-toggle{display:block;}
	.header-right{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
		background:var(--navy);padding:0 16px;max-height:0;overflow:hidden;transition:max-height .25s ease;
		box-shadow:0 12px 20px rgba(0,0,0,.2);}
	.site-header.nav-open .header-right{max-height:520px;padding:12px 16px 18px;}
	.site-header{position:relative;}
	.main-nav ul#menu{flex-direction:column;gap:2px;}
	.main-nav #menu li a{text-align:center;}
	.lang-switch{justify-content:center;padding:10px 0 4px;}
	.column2,.column3,.column4,.column5{flex:1 1 100%;max-width:100%;}
	div.result_box2{flex-direction:column;}
	div.result_image2{flex:0 0 auto;width:100%;height:200px;}
	.result_info2{padding:16px 18px;}
	div.price2{top:12px;right:12px;}
	div.kodi2{position:static;margin:8px 0 0 18px;padding-bottom:12px;}
	a.adm_link{position:static;display:inline-block;margin:8px 0 12px 18px;}
}
/* Search widget: stack the legacy <table> into full-width rows on small screens. */
@media (max-width:760px){
	.searchTable,.searchTable tbody,.searchTable tr{display:block;width:100%;}
	.searchTable td{display:block;width:100% !important;padding:6px 0;}
	.searchTable td:first-child{width:auto;}
	.searchTable .selectInput,.searchTable .textInput,.searchTable select,.searchTable input[type=text]{
		width:100% !important;box-sizing:border-box;}
	.offqira{display:inline-block;width:auto;min-width:120px;margin:0 8px 0 0;}
}
@media (max-width:560px){
	.brand img{height:44px;}
	.hero{padding:34px 0 104px;}
	.hero h1{font-size:1.5rem;word-wrap:break-word;}
	.hero p{font-size:1rem;}
	.home .site-main{margin-top:-88px;}
	.column2{padding:16px;}
}