/* ============================================
   shopfront.css - 店舗フロントページ専用CSS
   appshop.blade.php 経由で読み込まれる
   ============================================ */

/* cr_shpbox */
.cr_shpbox{margin:0 1em 1.5em 1em;background:#fff;box-shadow:1px 1px 6px -1px rgba(0,0,0,.3);}
.cr_shpbox .cr_cpndbody{position:relative;padding:.5em 1em .5em .5em;}
.cr_shpbox .cr_cpndbody .fa-chevron-right{position:absolute;top:50%;right:.2em;color:#fe0000;margin-top:-.5em;}
#coupon.cr_shpbox{background:none;box-shadow:none;}

/* クーポンテキストエリア */
.cr_shpbox .cr_cpndtext{font-size:140%;line-height:1.5em;position:relative;}
.cr_shpbox .cr_cpndtext::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,#ffffff);pointer-events:none;z-index:0;}
.cr_shpbox .cr_cpndtext>*{position:relative;z-index:1;}
.cr_shpbox .cr_cpndtext .cr_cpndtitl{color:#fff;position:relative;overflow:hidden;}
.cr_shpbox .cr_cpndtext .cr_cpndtitl::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.3));pointer-events:none;}
.cr_shpbox .cr_cpndtext .cr_cpndtexttit{font-weight:bold;text-align:center;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:.5em;margin-bottom:.5em;}
.cr_shpbox .cr_cpndtext .cr_cpndtextbody{text-align:center;font-size:85%;line-height:1.3em;overflow-wrap:break-word;word-break:auto-phrase;margin-bottom:2em;}
.cr_shpbox .cr_cpndtext .cr_cpndbody .cr_cpndtextcpbig{justify-content:center;font-weight:bold;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;}
.cr_shpbox .cr_cpndtext .cr_cpndbody .cr_cpndtextcpbig span{font-size:250%;line-height:1.5em;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.03em;}
.cr_cpndglassbox{background:rgba(255,255,255,.5);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:.8em 1em;margin:.5em 0;}
.cr_cpndnote{margin-top:.5em;text-align:center;font-size:.7em;line-height:1.2em;color:#888;}
.cr_shpbox .cr_cpndtext .cr_cpndbodycflg{font-size:70%;text-align:center;letter-spacing:0;margin:0 auto .5em auto;}
.cr_shpbox .cr_cpndtext .cr_cpndbodycflg p{padding:.1em .3em;}
.cr_shpbox .cr_cpndtext .cr_cpndbodycflg p i{margin-right:.3em;}

/* 業種別フラグアイコン色（ON時） */
/* 業種1（ブルー系） */
.cr_sctlightcolor1 .cr_cpndbodycflg p.on:nth-child(1){background:#244E9D;color:#fff;}
.cr_sctlightcolor1 .cr_cpndbodycflg p.on:nth-child(2){background:#4D268E;color:#fff;}
.cr_sctlightcolor1 .cr_cpndbodycflg p.on:nth-child(3){background:#283362;color:#fff;}
/* 業種2（オレンジ系） */
.cr_sctlightcolor2 .cr_cpndbodycflg p.on:nth-child(1){background:#99381B;color:#fff;}
.cr_sctlightcolor2 .cr_cpndbodycflg p.on:nth-child(2){background:#F14F22;color:#fff;}
.cr_sctlightcolor2 .cr_cpndbodycflg p.on:nth-child(3){background:#422533;color:#fff;}
/* 業種3（ピンク系） */
.cr_sctlightcolor3 .cr_cpndbodycflg p.on:nth-child(1){background:#741254;color:#fff;}
.cr_sctlightcolor3 .cr_cpndbodycflg p.on:nth-child(2){background:#B10066;color:#fff;}
.cr_sctlightcolor3 .cr_cpndbodycflg p.on:nth-child(3){background:#5A1A42;color:#fff;}
/* 業種4（パープル系） */
.cr_sctlightcolor4 .cr_cpndbodycflg p.on:nth-child(1){background:#6A1663;color:#fff;}
.cr_sctlightcolor4 .cr_cpndbodycflg p.on:nth-child(2){background:#831870;color:#fff;}
.cr_sctlightcolor4 .cr_cpndbodycflg p.on:nth-child(3){background:#491F4A;color:#fff;}
/* 業種5（ティール系） */
.cr_sctlightcolor5 .cr_cpndbodycflg p.on:nth-child(1){background:#1B7D6B;color:#fff;}
.cr_sctlightcolor5 .cr_cpndbodycflg p.on:nth-child(2){background:#253E43;color:#fff;}
.cr_sctlightcolor5 .cr_cpndbodycflg p.on:nth-child(3){background:#20373B;color:#fff;}

/* cr_shpdtcoupon */
.cr_shpdtbtmcity{margin:.8em 0;}
.cr_shpboxcnt{margin:1.5em 1em;}
.cr_shpdtcoupon a{display:block;}
.cr_shpdtcoupon a:nth-child(n+2){border-bottom:1px dashed #ccc;}
.cr_shpdtcoupon a:last-child{border-bottom:0px dashed #ccc;}
.cr_shpdtcoupon.use .cr_cpnditembox{background:#000;box-shadow:1px 1px 6px -1px rgba(0,0,0,.3);}
.cr_shpdtcoupon.use .cr_cpnditembox .cr_cpndtext{opacity:.7;}
.coupon_use_btn{cursor:pointer;background:linear-gradient(to bottom,#555,#111);color:#fff;font-weight:bold;display:block;max-width:500px;margin:auto;padding:.6em 1.5em;text-align:center;border-radius:2em;box-shadow:0 3px 6px rgba(0,0,0,.4);letter-spacing:.05em;}
.coupon_use_btn.use{cursor:auto;background:linear-gradient(to bottom,#444,#111);color:rgba(255,255,255,.4);box-shadow:none;}

/* 発券日時 */
.cr_date{text-align:center;font-size:.9em;margin:.5em auto;}
.cr_date span{display:inline-block;margin:0 .2em;font-weight:bold;color:#dc0202;}
.coupon_favguest .cr_favregisterinfo,.coupon_favguest .cr_favregisterinfo:hover,.coupon_favguest .cr_favregisterinfo span{color:#000000;}

/* クーポンストックボタン（shop index専用） */
.cr_shpdtcoupon .cr_defcntlstbtn button.coupon_fav{background:linear-gradient(135deg,#FFD700 0%,#FFA500 50%,#CC6600 100%);color:#fff;border-radius:2em;box-shadow:0 4px 12px rgba(200,120,0,.35),0 1px 3px rgba(0,0,0,.2);text-shadow:0 1px 2px rgba(100,50,0,.4);border:none;transition:all .3s ease;width:80%;max-width:360px;padding:.6em 1.5em;}
.cr_shpdtcoupon .cr_defcntlstbtn button.coupon_fav:hover{background:linear-gradient(135deg,#FFE44D 0%,#FFB733 50%,#E07800 100%);box-shadow:0 6px 16px rgba(200,120,0,.45),0 2px 4px rgba(0,0,0,.25);transform:translateY(-1px);}
.cr_shpdtcoupon .cr_defcntlstbtn button.coupon_fav.cr_favon{background:linear-gradient(135deg,#b8860b 0%,#8B6914 100%);box-shadow:0 2px 6px rgba(100,60,0,.3) inset;transform:none;}

/* 店舗ページのクチコミ評価表示 */
.cr_shop_review_rating{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 12px;background:#fff;border:2px solid #ff9800;border-radius:8px;box-shadow:0 2px 4px rgba(255,152,0,0.2);text-decoration:none;color:inherit;transition:all 0.3s ease;}
.cr_shop_review_rating:hover{background:#fff;box-shadow:0 4px 8px rgba(255,152,0,0.3);transform:translateY(-2px);}
.cr_shop_review_icon{font-size:1.5em;color:#ff9800;margin-right:4px;}
.cr_shop_rating_stars{display:inline-flex;gap:2px;vertical-align:middle;padding:4px 8px;background:rgba(255,152,0,0.1);border-radius:6px;}
.cr_shop_rating_star{width:22px;height:22px;display:block;filter:drop-shadow(0 1px 2px rgba(255,152,0,0.4));}
.cr_shop_rating_value{font-weight:bold;font-size:1.2em;color:#ff9800;text-shadow:0 1px 2px rgba(255,152,0,0.3);}
.cr_shop_rating_count{color:#666;font-size:0.95em;font-weight:500;}
.cr_shop_review_section{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px;}
.cr_shop_review_post_btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ff00a1;color:#fff;border:2px solid #ff00a1;border-radius:20px;font-size:0.9em;text-decoration:none;transition:all 0.3s ease;}
.cr_shop_review_post_btn:hover{background:#fff;color:#ff00a1;}