/* Header-ul cu cele 3 elemente */
.header-bar{display:inline-flex;align-items:center;justify-content:flex-start;margin-top:21px;padding:0 16px;}
.header-bar span, .header-bar img, .header-bar .brand-name{display:inline-block;vertical-align:middle;margin-right:12px;color:#333;}
.header-bar img{height:40px;width:auto;}
.brand-name{color:#333;font-size:18px;font-weight:bold;}
.modal{display:none;position:fixed;width:280px;height:auto;padding-top:5px;top:0;right:70%;overflow-x:hidden;overflow-y:scroll;z-index:1;background-color:rgb(255, 128, 0);background-color:rgba(255, 153, 51);}
.modal-content{background-color:#fefefe;margin:auto;padding:40px;border:0 solid #888;width:240px;}
.close{color:#000;float:right;margin-top:-20px;font-size:20px;cursor:pointer;}
.close:hover, .close:focus{color:#000;}
.btn-group,.button{display:inline;float:right;margin-top:25px;text-align:center;}
button .glyphicon-menu-hamburger{text-align:center;}
.products{display:inline-block;width:100px;height:70px;margin:5px;text-align:center;padding:5px 5px;}
.glyphicon-dashboard,.glyphicon-globe,.glyphicon-picture{color:#ff9933;font-size:25px;}
/* Formularul de căutare */
.search-box{display:inline-flex;align-items:center;position:relative;margin-left:12px;vertical-align:middle;top:-4px; /* mic reglaj ca să pară pe aceeași linie cu header-ul */}
.search-input{width:400px;outline-color:#ccddff;background-color:#fff;color:#262626;border:1px solid #ccc;border-radius:6px;padding:8px 46px 8px 15px;transition:width 0.4s ease;box-shadow:0 2px 2px 0 rgba(0,0,0,0.10),0 6px 10px 0 rgba(0,0,0,0.10);}
.search-input:focus{width:600px;}
.search-input:hover{color:#262626;border:1px solid #ccc;}
.search-btn{width:55px;background:transparent;border:none;cursor:pointer;margin-left:-53px;color:#555;font-size:16px;}
/* Responsive: pe device-uri mici inputul coboară jos */
@media (max-width: 768px) {.search-box{position:relative;width:90%;max-width:900px;margin:10px;bottom:0;left:50%;transform:translateX(-50%);z-index:1000;}
.search-input{width:100%;}
.search-input:focus{width:100%;}}
/* Button open searchModal web */
#openSearchBtn{background-color:#fff;color:#ff8000;border:1px solid #e6e6e6;border-radius:50%;top:150px;padding:16px 20px;right:15px;}
#openSearchBtn{font-size:18px;text-decoration:none;opacity:1;z-index:99;box-shadow:0 2px 2px 0 rgba(0,0,0,0.10),0 6px 10px 0 rgba(0,0,0,0.10);}
#openSearchBtn{position:fixed;outline:none;display:inline-block;cursor:pointer;transition:transform 0.3s ease, color 0.3s ease;}
#openSearchBtn:hover{color:#ff9933;transform:translateY(-5px);}
/* Search Modal Form hidden */
#searchModal{display:none;position:relative;background:#fff;margin:150px auto 0 auto;max-width:700px;height:170px;border:1px solid #ccc;}
#searchModal{box-shadow:0 4px 20px rgba(0,0,0,0.3);border-radius:8px;padding:20px;}
/* Header cu butonul X */
.search-header{position:absolute;top:8px;right:8px;}
.close-btn{border:none;background:#ff8000;color:#fff;font-size:18px;width:28px;height:28px;border-radius:50%;cursor:pointer;}
.close-btn:hover{background:#ff9933;}
/* Caseta de căutare */
.web-search-wrap{display:flex;justify-content:center;align-items:center;margin-top:40px;}
.web-search-input{max-width:550px;flex:1;background-color:#fff;color:#333;outline:none;padding:10px;}
.web-search-input{border:1px solid #ff8000;border-radius:6px 0 0 6px;}
/* Select lipit de input - elimină spațiul dintre input și select */
#search-type{width:70px;background-color:#fff;color:#333;border:1px solid #ff8000;border-left:none;}
#search-type{margin-left:-1px;padding:11px;border-radius:0;text-align:left;outline:none;}
/* Butonul de căutare webModal */
.web-search-btn{background:#ff8000;color:#fff;padding:10px 15px;border:1px solid #ff8000;border-left:none;border-radius:0 6px 6px 0;cursor:pointer;}
.web-search-btn:hover{background:#ff9933;}
/* Buttons si ascuns implicit */    
.reset-buttons{display:none;}
.reset-buttons button{background:#fff;color:#ff8000;margin:0 5px 8px 0;padding:4px 8px;border:1px solid #f2f2f2;border-radius:4px;}
.reset-buttons button{font-size:12px;font-weight:bold;box-shadow:0 0 4px rgba(0,0,0,0.2);transition:all 0.3s ease;cursor:pointer;}
.reset-buttons button:hover{background:linear-gradient(135deg, #32cd32, #007fff, #8a2be2);color:#fff;}
/* RESULTS */
.results{background:#fff;border-radius:8px;margin-top:40px;padding:20px;}
/* Containerul pentru carduri cu imagini */
#results-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:15px;margin-top:20px;padding:0;list-style:none;}
/* Card individual pentru rezultate cu imagini */
.result-card{background:#fff;border-radius:8px;padding:10px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease, box-shadow 0.2s ease;}
.result-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.15);}
.result-card img{max-width:100%;height:auto;border-radius:6px;display:block;margin:0 auto 10px;object-fit:cover;}
.result-card p{color:#333;margin:0;font-size:14px;word-break:break-word;line-height:1.3;}
.result-card small{display:block;color:#666;margin-bottom:5px;font-size:12px;}
.result-card a{color:#0066cc;text-decoration:none;}
.result-card a:hover{text-decoration:underline;}
/* Rezultatele fără imagini (listă simplă) */
.result-list-item{padding:12px;border-bottom:1px solid #ddd;}
.result-list-item h3{color:#0066cc;margin:0 0 5px;font-size:16px;}
.result-list-item p{color:#333;margin:0;font-size:14px;}
.result-list-item small{display:block;color:#208000;margin-bottom:5px;font-size:12px;}
/* PAGINATION CSS */
#pagination{list-style:none;padding:0;margin:15px 0;text-align:center;}
#pagination li{display:inline-block;margin:4px;}
#pagination li a, #pagination li span{background:#eee;color:#333;border-radius:4px;padding:6px 12px;text-decoration:none;}
#pagination li a:hover{background:#ff8000;color:#fff;}
#pagination li.active a{background:#ff8000;color:#fff;font-weight:bold;}
#pagination li.ellipsis span{background:transparent;cursor:default;}
/* Button Aparent pe Scroll la paginare */
#pagination li#to-top a{padding:6px 10px;background:#ccc;border-radius:4px;font-weight:bold;color:#333;}
#pagination li#to-top a:hover{background:#ff9933;color:#fff;}
/* Coloane-md de content scurt Overlay */
.about-search-in-ionco, .about-search-the-web{max-width:290px;min-height:275px;background-color:#fff;color:#333;margin:auto;border-radius:8px;border:1px solid #f1f1f1;padding:0 20px 0 20px;font-size:14px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);}
p.subtitle{color:hsl(0, 0%, 41%);padding-bottom:20px;font-size:2.5vw;text-align:center;}
/* Buttons deschide Overlay */
#open-ionco{min-width:170px;background-color:#ff8000;color:#fff;margin-top:5px;padding:7px 5px 7px 5px;border-radius:8px;border:1px solid #ff8000;font-size:13px;cursor:pointer;}
#open-ionco:hover{background-color:#ff9933;border-radius:12px;border:1px solid #ff9933;}
#open-web{min-width:170px;background-color:#2563eb;color:#fff;margin-top:5px;padding:7px 5px 7px 5px;border-radius:8px;border:1px solid #2563eb;font-size:13px;cursor:pointer;}
#open-web:hover{background-color:#447aee;border-radius:12px;border:1px solid #447aee;}
/* Coloane-md de Produse */
.product-titles{max-width:140px;min-height:155px;margin:auto;border:1px solid #ccc;border-radius:8px;padding-top:15px;}
.product-titles{text-align:center;transition:transform 0.3s ease, color 0.3s ease;}
.product-titles:hover{transform:translateY(-5px);box-shadow:0 2px 2px 0 rgba(0,0,0,0.10),0 6px 20px 0 rgba(0,0,0,0.10);}
/* Overlay Blocks */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9999;overflow-y:auto;}
.overlay-content{position:relative;width:80%;max-width:800px;background:#fff;margin:5% auto;padding:40px 40px 20px 40px;border-radius:25px;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
/* Buton Close pentru Overlay */
span.close-ionco, span.close-web{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;background-color:#007BFF;}
span.close-ionco, span.close-web{color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;}
span.close-ionco, span.close-web{justify-content:center;line-height:1;transition:background-color 0.3s ease;}
span.close-ionco:hover, span.close-web:hover{background-color:#0056b3;}
/* Table Rows */
.my-big-table td{padding:20px !important;font-size:14px !important;line-height:1.6 !important;min-height:50px !important;}
/* CSS pentru link-uri de produse */
a.blu:active,a.blu:visited,a.blu{color:#2563eb;font-size:13px;text-decoration:none;cursor:pointer;}
a.blu:hover{color:#447aee;text-decoration:underline;}
footer{position:fixed;background-color:#fff;bottom:0px;}
footer{width:100%;border-top:1px solid #e6e6e6;padding:15px 15px 15px 15px;text-align:left;}
a.gri:active,a.gri:visited,a.gri{color:#000;font-size:13px;transition:0.3s;text-decoration:none;cursor:pointer;}
a.gri:hover{color:#ff9933;text-decoration:none;}