@import url('../style.css');

/* InduTradex product images uploaded to GitHub */
.photo-makhana{background-image:linear-gradient(180deg,#0000,#173d2aaa),url('../assets/images/Makhana.png') !important;}
.photo-roasted{background-image:linear-gradient(180deg,#0000,#3e2103b8),url('../assets/images/Roasted.png') !important;}
.photo-turmeric{background-image:linear-gradient(180deg,#0000,#4b2a04a8),url('../assets/images/turmeric.jpg.jpg') !important;}
.photo-dry{background-image:linear-gradient(180deg,#0000,#21170ab8),url('../assets/images/dry-fruits.jpg.jpg') !important;}

/* Premium smooth product image hover — effect only, no zoom cursor */
.product-photo{cursor:default;background-size:cover;transition:background-size .55s cubic-bezier(.22,.61,.36,1),filter .45s ease;will-change:background-size;}
.product-card:hover .product-photo{background-size:110%;filter:saturate(1.04) brightness(1.015);}
@media(max-width:520px){
  .product-photo{
    height:230px;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#f5f1e7;
  }
  /* Keep these product visuals fully visible on phones — no cropping */
  .photo-turmeric,
  .photo-spices,
  .photo-dry{
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#f5f1e7 !important;
  }
  .product-card:hover .product-photo{background-size:contain !important;filter:none;}
}
@media(prefers-reduced-motion:reduce){.product-photo{transition:none;}.product-card:hover .product-photo{background-size:cover;filter:none;}}
/* Mobile full-image rule must remain active even with reduced-motion enabled */
@media(max-width:520px){
  .photo-turmeric,.photo-spices,.photo-dry,.photo-makhana,.photo-roasted{
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
}

/* Premium contact icon treatment */
.contact-item-premium > span:first-child{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#b58a3a;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.contact-item-premium > span:first-child svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));}
.contact-item-premium .contact-label{color:inherit;}
.contact-item-premium:hover > span:first-child{color:#d1a85b;}
.contact-item-premium a{color:inherit;}

/* Premium social icons */
.indx-social-links{margin-top:18px!important;padding-top:0!important;border-top:0!important;}
.indx-social-icons{display:flex!important;align-items:center!important;gap:10px!important;}
.indx-social-icons a{position:relative!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;overflow:hidden!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 5px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;}
.indx-social-icons a:hover{transform:translateY(-2px) scale(1.04)!important;box-shadow:0 8px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.35)!important;filter:saturate(1.08)!important;}
.indx-social-icons a:focus-visible{outline:2px solid #d1a85b!important;outline-offset:3px!important;}
.indx-social-icons a:first-child{background:linear-gradient(145deg,#1877f2,#0d5dcc)!important;}
.indx-social-icons a:last-child{background:linear-gradient(145deg,#833ab4 0%,#e1306c 45%,#fd1d1d 72%,#fcb045 100%)!important;}
.indx-social-icons a svg{width:19px!important;height:19px!important;display:block!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16));}
.indx-social-icons a:first-child svg{fill:#fff!important;}
.indx-social-icons a:last-child svg{color:#fff!important;}
@media(max-width:600px){.indx-social-icons a{width:32px!important;height:32px!important;border-radius:9px!important;}.indx-social-icons a svg{width:18px!important;height:18px!important;}}

/* Premium InduTradex AI chat widget — Stage 1 */
.indx-chat-launcher{position:fixed;right:22px;bottom:22px;z-index:9998;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 16px 10px 11px;background:#075c3b;color:#fff;box-shadow:0 14px 34px rgba(7,92,59,.28);font:700 14px/1 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;}
.indx-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(7,92,59,.34);}
.indx-chat-launcher:focus-visible{outline:2px solid #d1a85b;outline-offset:3px;}
.indx-chat-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#b58a3a;color:#fff;flex:0 0 34px;}
.indx-chat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.indx-chat-panel{position:fixed;right:22px;bottom:82px;z-index:9999;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 110px));display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(7,92,59,.13);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(21,48,38,.24);font-family:'DM Sans',sans-serif;}
.indx-chat-panel.open{display:flex;animation:indxChatIn .22s ease-out;}
@keyframes indxChatIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.indx-chat-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;background:#075c3b;color:#fff;}
.indx-chat-brand{display:flex;align-items:center;gap:11px;min-width:0;}
.indx-chat-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#b58a3a;color:#fff;font-family:'Playfair Display',serif;font-weight:800;font-size:18px;flex:0 0 40px;}
.indx-chat-title{font-size:15px;font-weight:800;line-height:1.2;}
.indx-chat-subtitle{display:block;margin-top:3px;font-size:11px;font-weight:500;opacity:.78;}
.indx-chat-close{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer;}
.indx-chat-close:hover{background:rgba(255,255,255,.2);}
.indx-chat-messages{flex:1;min-height:0;overflow:auto;padding:16px;background:#f7f5ef;scroll-behavior:smooth;}
.indx-msg{max-width:86%;margin:0 0 10px;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;}
.indx-msg.bot{margin-right:auto;background:#fff;color:#26352f;border:1px solid #e7e4db;border-bottom-left-radius:5px;}
.indx-msg.user{margin-left:auto;background:#075c3b;color:#fff;border-bottom-right-radius:5px;}
.indx-quick{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 12px;}
.indx-quick button,.indx-quick a{box-sizing:border-box;border:1px solid #cbb98e;border-radius:999px;padding:8px 10px;background:#fff;color:#075c3b;font:700 11px/1.1 'DM Sans',sans-serif;cursor:pointer;transition:.15s ease;}
.indx-quick button:hover,.indx-quick a:hover{background:#f0eadb;transform:translateY(-1px);}
.indx-chat-input{display:flex;gap:8px;padding:11px;border-top:1px solid #e7e4db;background:#fff;}
.indx-chat-input input{min-width:0;flex:1;border:1px solid #d9d5ca;border-radius:12px;padding:11px 12px;outline:0;font:400 13px 'DM Sans',sans-serif;color:#26352f;background:#fff;}
.indx-chat-input input:focus{border-color:#075c3b;box-shadow:0 0 0 3px rgba(7,92,59,.08);}
.indx-chat-send{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:12px;background:#075c3b;color:#fff;cursor:pointer;font-size:17px;}
.indx-chat-send:disabled{opacity:.45;cursor:not-allowed;}
.indx-wa-handoff{display:inline-flex!important;align-items:center;gap:7px!important;border-color:#075c3b!important;background:#075c3b!important;color:#fff!important;}
.indx-wa-handoff svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.indx-chat-note{padding:7px 12px 9px;text-align:center;background:#fff;color:#7a817c;font-size:9px;line-height:1.35;border-top:1px solid #eeeae0;}
@media(max-width:600px){.indx-chat-launcher{right:14px;bottom:14px;padding:9px 13px 9px 10px;font-size:13px;}.indx-chat-panel{right:10px;bottom:70px;width:calc(100vw - 20px);height:min(74vh,620px);border-radius:19px;}.indx-chat-messages{padding:13px;}}
@media(prefers-reduced-motion:reduce){.indx-chat-panel.open,.indx-chat-launcher{animation:none;transition:none;}.product-photo{transition:none;}.product-card:hover .product-photo{background-size:cover;filter:none;}}